[Feature Request] Hamburger Menus on Tablet / Desktop

[nicolepaschen]

I would like to design websites that use a hamburger menu on tablet and/or desktop as well as mobile. Can a control please be added to menus for this functionality?

[joe9663]

@nicolepaschen user had a similar request about 6 months ago. i was able to get the hamburger menu displayed on desktops with this CSS

@media only screen and (min-width: 768px) {
    .standard-menu-enabled .bgtfw-sticky-header input:not(:checked):not(.hidden)~.sm-clean {
        display: none;
    }
    .standard-menu-enabled .bgtfw-sticky-header label[id$=-menu-btn] {
        position: relative;
        top: unset;
    }
}

that might help you make your design until we add a solution within the framework.

[jamesros161]

Add a control to the 'Hamburger Menu' panel to let user select which device sizes use hamburger menus
consider adding alignment controls as well.

[nicolepaschen]

Beta 1 - I installed the Coherent Inspiration:

On tablet there is a horizontal scrollbar. This doesn't happen on stable. It's coming from the social menu in the footer.

[nicolepaschen]

Please move this new control above the Hamburger Style selection otherwise it could get missed

[nicolepaschen]

Beta 1 - I cannot get menus in Custom Header Templates to use a hamburger menu on any screensize.

[nicolepaschen]

I cannot align the hamburger menu when working with the Custom Header Layouts in the Customizer.

[nicolepaschen]

The alignment in Custom Page Headers doesn't work either:

[nicolepaschen]

Still an issue in RC2

[nicolepaschen]

Hamburger menu doesn't not work as expected with the side header (Monument) Inspiration when enabled on desktop