[Resolved] Hide background image in primary-nav on mobile

[Christiaan]

Hi,

I have an image in my primary navigation, which is too wide to fit the screen on mobile view.
So I’d rather hide it on mobile.
How could I do this?

Hope to hear
Chris

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .main-navigation, .menu-toggle {
        background-image: none;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Can you provide a link to your site if this doesn’t work? Thanks!

[Christiaan]

I’ve added it to Customize-> Additional CSS and it works. Thanks a million!
Chris

[Leo]

You’re very welcome!

[Author]

Posts