Archived topic

Different site header background image for mobile

1 reply · Started by Martin on July 19, 2019

Viewing posts 1–2 of 2

July 19, 2019 at 1:53 pm #962248

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/

July 19, 2019 at 4:06 pm #962304

Hi there,

Try this CSS:

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

Let me know if this helps :)

This archived topic is closed to new replies.