[Resolved] Change section background image on different viewports.

[Max]

Hey Tom and Leo

I need to display a different background image in a section depending if site is viewed in mobile, tablet or fullscreen.

I am already familiar with the @media breakpoints.

I just need to know what css to use to identify a specific section background image.

Thanks for your kind assistance.

Regards

Max

[Max]

I have come up with this.

Is it correct?

@media (max-width: 768px) {
    #generate-section-6 {
    background-image: url('https://mywebsite.com/wp-content/uploads/2017/09/myimage-1920-1080.jpg') !important;
}} 

Thank you for your assistance.

Max

[Tom]

Yep – that works. You can give the section a custom class or ID as well so you don’t need to use #generate-section-6

[Max]

Thanks

[Tom]

No problem!

[Author]

Posts