Eliminate hamburger in Mobile width

  • My clients do not want the navigation bar to turn into a hamburger at mobile widths. They want it to remain as a bar of links at all widths. I’ve done this with other themes, but I’m not seeing it now. I’ve found how to make the hamburger go away,

    .btn-menu{
    display: none !important;
    }

    But I don’t see where the regular navbar is being told to go away, so I can tell it to stick around.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter keress

    (@keress)

    I figured it out! I added these to the bottom of my “Additional CSS” file. I got it to by calling up: https//:your domain name/wp-admin/customize.php

    .wp-block-navigation__responsive-container {
    display: block!important;
    position: static;
    top: 0;
    left: 10px;
    right: 0;
    bottom: 0;
}

.btn-menu{
display: none !important;
}

button.wp-block-navigation__responsive-container-open {
    display: none!important;
}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
    display: none!important;
}

    I know I’m supposed to be using the theme.js file, but I’ll figure that one out later. For now, everybody’s happy.

    You can also manage this via the Navigation block settings. Look for the Overlay Menu toggle in the Display section:

    • Off: burger will never appear
    • Mobile: burger appears at a predefined breakpoint
    • Always: burger always appears
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Eliminate hamburger in Mobile width’ is closed to new replies.