Docs

[createmotive]

Hi –

I would like to set a different background image for the mobile view of the homepage of the site cr-nativenations.com

The existing image works well in desktop views but fails for a number of reasons on mobile.

I found the following code:
@media (max-width: 480px) {
.home #x-section-1 {
background-image: url(‘IMAGE URL GOES HERE’) !important;
}
}

But when I applied it in the customizer I saw no effect in small views and mobile testing.

Thank you in advance for your help – you guys have been great

Daniel

[Friech]

Hi Daniel,

Thanks for writing in! Please update your code to this.

@media (max-width:  480px) {
	.backstretch {display: none;}

	body {
		background-image: url('IMAGE URL GOES HERE');
	    background-size: cover;
	    background-repeat: no-repeat;
	}
}

Hope it helps, Cheers!

[createmotive]

Awesome. Thanks!

[Joao]

Glad to hear it.

Let us know if we can help with anything else.

Joao

[Author]

Posts