Switch to mobile menu at 950px instead of the default which makes the menu wrap

Any chance you can link me to your site?

That’s odd, this is all I’m seeing printed in the source:

<style type="text/css">@media screen and (max-width: 945px)</style>

Seems a lot of the code was stripped out?

What version of Simple CSS are you using? Did you just install it?

Any chance you can try pasting it again and saving?

Ah, try adding this as well:

@media (max-width: 768px) {
    .menu-logo .main-navigation 
    .menu-toggle, 
    .sticky-menu-logo .main-navigation.navigation-clone .menu-toggle {
        display: inline-block;
        float: right;
        clear: none;
        width: auto;
    }
    .menu-logo .main-navigation .mobile-bar-items {
        position: relative;
        float: right;
    }
}

Just adjust 768px again – or add the contents of the media query in the other query.

Let me know 🙂

• This reply was modified 10 years, 6 months ago by Tom.
• This reply was modified 10 years, 6 months ago by Tom.

You have to keep all of the original CSS as well as the most recent stuff.