No sticky mobile header/menu?

[Sperziemone]

Hi,

I just discovered the mobile version of my Wired-site just has a small non-sticky hamburger icon. I don’t think this does the job. I want to be able to get to the menu at any time, don’t want to scroll back up first.

Shouldn’t there be a sticky bar with the logo, a background colour + menu icon, which appears once you scroll (just as in the desktop version)? Is it easy to build in?

Regards,
Simone

[Raghavendra]

Can you pls try this custom CSS in theme options?

@media only screen and (max-width: 767px) {
    #header.sticky {
        display: block !important;
    }
    #header.sticky #primary-menu {
        display: none !important;
    }
}

[Sperziemone]

Thank you! That works: I now have a sticky header with my logo centered. But I’d also like to have the hamburger menu icon available in the sticky header. Is that possible? 🙂

[Sperziemone]

Can I please get help with getting the hamburger menu button in the sticky header? I would greatly appreciate it.

[Veena]

Pls try the below custom CSS in themeoptions –

@media only screen and (max-width: 767px){
.admin-bar #mobile-menu-toggle {
    top: 40px;
    display: block;
    position: fixed;
}
#mobile-menu-toggle {
    top: 10px;
    display: block;
    position: fixed;
}}

[Author]

Posts