[Resolved] Disable / Hide Secondary menu on mobile only

Home Forums Support [Resolved] Disable / Hide Secondary menu on mobile only

Home Forums Support Disable / Hide Secondary menu on mobile only

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1565090
    Benny

    I would like to be able to totally hide the secondary menu on mobile devices.
    I have merged the topbar with the secondary menu. It looks stellar on desktop.
    However, I do not want 2 menus on mobile. And I would like to hide the topbar too.

    So, I have the topbar with a secondary menu on desktop.
    On Mobile I would like to hide the topbar widget and the secondary menu.

    #1565468
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media (max-width: 768px) {
        .secondary-navigation .menu-toggle {
            display: none;
        }
        .secondary-nav-aligned-right .secondary-navigation .top-bar {
            position: static;
        }
    }
    #1565911
    Benny

    Thanks. The secondary menu part disappeared. However, the widget in the topbar is still saying hello.

    I

    #1566072
    David
    Staff
    Customer Support

    Aah sorry i misunderstood.
    Remove that CSS.
    And add this instead:

    @media (max-width: 768px) {
        #secondary-navigation {
            display: none;
        }
    }
    #1566103
    Benny

    Worked like a charm

    #1566107
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.