Hide sections on mobile/tablets

[Yohan]

Hi,

I tried to use the viewport breakpoints of bootstrap on some of my sections but it doesn’t have any effect.

Ho wcan I restrict some sections (parallax or textblocks) to specific mobile device on Dante?

Thanks

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide a specific example of a page(page url) and asset you want to hide/show in what devices using the link of the viewport breakpoints as a model?

-Rui

[Yohan]

Yes, have a look here : http://v2.studyka.com/

I have 2 blocks, the first one shoul dbe visible only on desktops, the second one on mobiles. I tried to add the class “visible-xs-*” for the second block but it still shows all the time.

[Rui Guerreiro – SUPPORT]

Sorry, I can’t understand what are the blocks.
Can you identify them in a screenshot? Can you also provide us admin credentials so we can try it?

Please use the private reply option.

-Rui

[Yohan]

Thanks for your help Rui. Attached is a screenshots with the delimited blocks.

– Block1 should show on desktops and tablets only

– Block2 should show on mobile only.

I can’t give you admin access for security reasons from my company, do you think you can go through the source code with firebug/chromebug?

Thanks a million

[Rui Guerreiro – SUPPORT]

Yes I think so, could take more time.
You didn’t attached the images.

-Rui

[Yohan]

Sorry, here is the attachment.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Please see: http://getbootstrap.com/css/#responsive-utilities

You can add those classes to the extra class field

– Kyle