[Support request] Different site header background image for mobile

[Martin]

I uploaded a background image for the site header at:
Customizer > Background Images > Header

It looks great. But I’m going to need a different image for mobile.

I read this article, and watched the video, but I’m not clear how to use this to accomplish my task:
https://docs.generatepress.com/article/header-element-overview/

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .site-header {
        background-image: url(https://MOBILE-BACKGROUND-URL);
    }
}

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

Let me know if this helps 🙂

[Author]

Posts