Show a module positon in responsive view but not Laptop/desktop view? Joomla 3

Question

Hi,

 

Trying to display modules in responsive view only. That is in mobile phone view.

 

Can anyone steer me in the right direction?

 

Thanks

Answer 1

Hello,

You can easily do this at Joomla backend. As TemplateToaster provides the bootstrap support, so you can add these classes ' hidden-lg hidden-md hidden-sm visible-xs ' in Module class suffix for modules.

Go to joomla admin -> Extensions -> Module Manager -> Click on your module (for example search module) -> Advanced -> Module class suffix -> add these classes " hidden-lg hidden-md hidden-sm visible-xs " -> Save

Comments

I don't see how that works or understand it.

mean the module positions as per the template, not the mods in joomla backend.

Thanks anyway, I'll just muddle through
regards

Answer 2

Hallo

I found this post and yes it works :-)

But i want to hide only the mobile view and show it on all other devices.

So i try the othe way:

visible-lg visible-md visiblen-sm hidden-xs

But this do not work!

Where is my mistake?

Comments

TemplateToaster latest version i.e V7  now provides an option to hide module position for tablet and mobile view accordingly. To achieve this please follow the steps provided below:

Go to TemplateToaster -> Module positions -> Apply module position as per your requirement.
Now, go to mobile view. Module Position -> Select module position -> delete module position by clicking minus(-) sign under position cell tab.

After export place module on that position and check for mobile view.

---

I´ve made it with following:
visible-lg hidden-md hidden-sm hidden-xs
then the module will be showed only on desktop.