Force navigation menu to hamburger menu

  • Resolved cocosgalant

    (@cocosgalant)


    11 months, 1 week ago

    Hi there, I want to force the navigation bar for tablets and mobile so it will be forced to change in the Hamburger Menu for every screen smaller than 1024px. I played around with some code but I can’t make it work. would be very happy if somebody could help. thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Takashi Irie

    (@iamtakashi)

    9 months, 2 weeks ago

    Hi @cocosgalant, adding the following additional CSS should do the job. you can add it in Appearance > Customize > Additional CSS. 

    @media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}


@media (min-width: 1024px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block;
    }
}

    Let me know how it goes.

    Thread Starter cocosgalant

    (@cocosgalant)

    8 months, 3 weeks ago

    Thank you! It worked 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Force navigation menu to hamburger menu’ is closed to new replies.