Secondary Top menu

[kgcs]

#503460

Hi

Is it possible to hide the secondary top menu on a mobile device?

I’ve spent ages looking through the options but cant find any sniff of a solution.

Any pointers?

Thanks
KG

[simbrockdesign]

#503635

I was curious about this too. I want to disable the secondary mobile on my site. I hope someone gets back to you.

[fwilson67]

#546918

Not sure if you found the solution for this but I just did so posting for others that might be searching for the same solution. You need to add the following CSS to the custom CSS or your Child CSS

@media only screen and (max-width: 800px) {
.fusion-mobile-menu-design-classic .fusion-secondary-header {
    display: none !important;
  }
}

[neilhow]

#583906

Does anyone have an answer to this? The code above doesn’t appear to work…

[microed]

#871731

The above custom CSS worked for me, just had to change .fusion-mobile-menu-design-classic to .fusion-mobile-menu-design-flyout for use with the flyout menu

[Metro]

#871732

If you build your menus using the layouts header builder you can set the container and column visibility. In this way you can hide the secondary top menu on mobile devices.

[Pdoggy]

#871752

Hi,
If using the Avada Builder it’s as easy as going into the container options and toggling ‘Container Visibility’ off for ‘Small Screen’.
Note that it’s best to have separate containers for these elements for example:
Top Menu Bar
Logo
Main Menu

Hope this helps.

[Author]

Posts