[Support request] Responsive Header Background image

[umaporn]

Hi,

How can I make Header background image responsive? What is the setup do we need

Thanks,

[Leo]

Hi there,

Background images aren’t responsive in nature unfortunately.

I’m not sure what effect you are trying to achieve but generally we can either re-positioning them for mobile or set a different one with this CSS:

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

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

[Author]

Posts