Archived topic
Hide Background logo (image) on header for mobile only
5 replies · Started by Charbel on November 1, 2021
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
Hi there,
Try this CSS:
@media (max-width: 768px) {
.site-header {
display: none;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Thank you @Leo, much appreciated!
It worked as expected.
Thanks!
No problem :)
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
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/