Avada Forums Community Forum Secondary Top menu

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • kgcs
    Participant
    Post count: 1

    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
    Participant
    Post count: 1

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

    fwilson67
    Participant
    Post count: 2

    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
    Participant
    Post count: 2

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

    microed
    Participant
    Post count: 5

    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
    Participant
    Post count: 116

    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
    Participant
    Post count: 4

    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.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.