[Resolved] Sider menu messed up

[Barbara]

Hi,

I’m using Sider template and when the browser window is somewhere between web view and mobile view, it looks all messed up. Any way to fix this? Maybe an option to switch directly from side menu to mobile version menu, without this strange intermediate phase?
This is how it looks:
https://screencast.com/t/3XKcvtObqSM

Thank you.

[David]

Hi there,

would you be able to flush and disable your cache so i can see where the problem is coming from.

[Barbara]

I just deleted all cache and deactivated the following plugins in case any of them might interfer:
Fastest Cache
Wp-Optimize
iThemes Security

Thanks.

[Tom]

Hi there,

If you go to Customize > Additional CSS, you’ll find this CSS:

@media (min-width: 1000px) {
    .site-header {
        .....
    }
}

If you update that 1000px to 769px, the header should remain on the side until the mobile menu appears.

[Barbara]

Thanks Tom, it worked.

[Tom]

You’re welcome 🙂

[Author]

Posts