Hamburger menu in desktop view

Hi, I would like the change the style of the menu in header of desktop view to be hamburger (like in mobile).

Hi!

.header-navbar__burger>a {
    display: block;
}

.header-navbar__menu {
    display: none;
}

the first code will display the hamburger menu, the second, hide the “normal” desktop menu. If you want to make a little larger, use this, and set the pixel size.

.header-navbar__burger>a i {
    font-size: 16px;
}

(16px is the default size of the hamburger )put these codes into the additional css:How to Easily Add Custom CSS to Your WordPress Site

1 Like

thank you! :smiley:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.