Solved: Hamburger menu not showing on mobile

jamesjfoley · ‎07-13-2018

Hi,

I'm using the Birdseye 2 theme and the hamburger menu isn't showing up in the mobile version of the site here:

https://adservelive.weebly.com/

I've tried searching but haven't found any posts with the same problem, so any help would be appreciated!

thanks

kriskrost · ‎07-15-2018

Hi James,

Try this code on the backend on your CSS file.

@media screen and (max-width: 992px) {
.birdseye-header label.hamburger {
    display: table-cell;
    vertical-align: middle;
    background: #000000 !important;
    width: 40px !important;
}
}

View Best Answer >

Adam7 · ‎07-15-2018

It looks like you've customized the theme some, @jamesjfoley - it's possible that broke the mobile menu. Can you try switching back to the standard version to see if that helps? If it does you could try re-doing your theme changes on at a time to see which one caused the issue.

kriskrost · ‎07-15-2018

Hi James,

Try this code on the backend on your CSS file.

@media screen and (max-width: 992px) {
.birdseye-header label.hamburger {
    display: table-cell;
    vertical-align: middle;
    background: #000000 !important;
    width: 40px !important;
}
}

jamesjfoley · ‎07-17-2018

Thanks for your help - that CSS did the trick!