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

[Tom // DiamondPigman]

Google’s results have not worked, looking for your help here, Developer People

[Tom // DiamondPigman]

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

[Tom]

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 🙂

[Tom // DiamondPigman]

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

[Tom // DiamondPigman]

Apart from that, it seems to work fine

[Tom]

Any chance you can link me to your site?

[Tom // DiamondPigman]

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

[Tom]

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?

[Tom // DiamondPigman]

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

[Tom]

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

Any chance you can try pasting it again and saving?

[Tom // DiamondPigman]

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

[Tom]

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.

[Tom // DiamondPigman]

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

[Tom]

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

[Tom // DiamondPigman]

Right, both of them should be in

[Author]

Posts