[Resolved] Hide Background logo (image) on header for mobile only

[Charbel]

Hello @David,

Hope you are doing well.

I want to hide or remove the background image on top of the menu on mobile devices only and keep it for desktops.

I came across this topic but it didn’t help https://generatepress.com/forums/topic/hide-header-on-mobile/

Site: https://charbelnemnom.com

Thank You!
-Charbel

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .site-header {
        display: none;
    }
}

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

[Charbel]

Thank you @Leo, much appreciated!

It worked as expected.

Thanks!

[Leo]

No problem 🙂

[Jason]

how do i remove the header background image from pages? I can’t believe there is no option for this.
I’ve been trying for 2 hours and nothing works. I have an animated gif as my background image, but it wont remove from pages.

Any ideas?

the css for background image is not working

https://lazykoalasclub.com/shop

[Fernando]

Hi Jason,

I replied to your other response in another topic.

You can simply disable or create a different Header Element or Block Element – Page Hero for specific pages. Reference: https://docs.generatepress.com/article/block-element-page-hero/

[Author]

Posts