Hiding module positions does not work (no effect on smaller screen sizes)

waldo99

Hi,

using latest T4 and JA Boxing Template.

I added a new row in Layout area of template style - with 3 module positions:
"sidebar-l", "sidebar", "sidebar-r" on the very top of the site.

Problem:
Making modules invisible (hiding) with the Row Options for screens sizes (desktop, laptop, tablets, phone) does not work.
The module positions keep visible on frontend and also in the T4 preview.
Only hiding "Layout XL" does have a hiding effect on XL screens.

I need to hide some modules - only on smaller screens.

Thanks for your help.
Walter

dominic

Hi waldo99,
You can use the class from bootstrap to hide the module position that you wish.
I have added the d-none d-sm-block class to hide the topbar-r module position for the mobile devices.

waldo99

Thank you very much, that helps.

But should not the settings work without this additional class as they did before?
Will this be part of an update?

Walter

dominic

Hi waldo99,
I have checked and tested and see you can use the responsive option now. I see it working well on your site.
The extra class is another solution to hide a module or section.