Archived topic

Responsive Header Background image

1 reply · Started by umaporn on March 23, 2018

Viewing posts 1–2 of 2

March 23, 2018 at 4:03 pm #528602

Hi,

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

Thanks,

March 23, 2018 at 9:16 pm #528820

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);
    }
}

This archived topic is closed to new replies.