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

I meant 945, but I don't think it would make much difference

Hi there,

Try adding this CSS: https://gist.github.com/generatepress/c23aef2d05807c39bb32

Just adjust the 768px to whatever value you like.

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

Let me know :)

Nope, that seems to make the menu button disappear completely, as this gif demonstrates

Apart from that, it seems to work fine

Any chance you can link me to your site?

Well i did have to put in my website to be able to post this, but http://diamondpigman.co.uk

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?

I'm not sure. I used the "Simple CSS" plugin that was recommended, sand just pasted in the CSS you gave me, just changing the number at the top

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

Any chance you can try pasting it again and saving?

Version 0.2 of SimpleCSS
Have saved it. Seems to almost work now; the menu seems to go under the logo on the left, rather than staying at the top right by the search icon

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 :)

Added that. You'll have to check though; I can't check on my phone

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

Right, both of them should be in