Mobile menu and responsive modules

Not I just understand the use of "mobile menu" that exists in the demo of the template?
Also is it possible to disable modules that are not displayed on smartphones and tablets? for example, disable the header banners for smartphones and tablets vertically?

Hi

In some cases You can select a different menu for mobile.

To hide modules in mobile layout please use module class suffix " no_mobile". Unfortunatelly this will remove the module from portrait and landscape all together.

The module class suffix " no_mobile" (with space) don't work for me...

I have a little problem with virtuemart search module to load on mobile, image attached for clarity. I think it must be a problem in CSS?

http://www.disfracesporinternet.es

I'm learning. I was able to fix the CSS editing the small.desktop.css, tablet.css and small.tablet.css files
The problem now is the class suffix " no_mobile"...

Hi

Ok, great to hear that. Please than add this code to mobile.css and tablet.css and small.tablet.css if You want to have "no_mobile" disabling in this screen widths as well:

Code: Select all

.no_mobile { display: none !important; }


Not work...
I added the code to mobile.css and tablet.css and small.tablet.css
Then I added the Module suffix " no_mobile" in the module GK4
www.disfracesporinternet.es

Hi

Where i should see this module? Maybe it's using a special module position where module suffixes are disabled to not break the layout. Please point me to where i can see it.

Attached a screenshot of the module position.
Position: header

Hi

Just as I thought. "header" module position has an option to remove module class suffixes of module title to not destroy layout. Please simply add this to mobile.css to hide it for this devices:

Code: Select all

#gkHeaderMod { display: none; }


plus this code to add small fix after module will be hidden:

Code: Select all

#gkHeaderNav.gkAbsoluteHeader { position: relative; }


Works! Thanks Teitbite

Hi

No problem. Glad I could help