Different image on mobile

Hi, I want to have a different image on mobile as the space between the content on the homepage banner and the menu on mobile is too large (alwaysajt.com) I'm happy with how it looks on desktop.

Thanks

Jessica

16 minutes ago, minnieosc123 said:

Hi, I want to have a different image on mobile as the space between the content on the homepage banner and the menu on mobile is too large (alwaysajt.com) I'm happy with how it looks on desktop.

Thanks

Jessica

We can add 2 sections/images and use css code to hide the appropriate element based on the media query of device.

You can add 1 more and share the direct link to this page so I can give the css code

37 minutes ago, Beyondspace said:

We can add 2 sections/images and use css code to hide the appropriate element based on the media query of device.

You can add 1 more and share the direct link to this page so I can give the css code

Thanks, yes please. It's alwaysajt.com

On 11/30/2022 at 9:07 PM, Beyondspace said:

We can add 2 sections/images and use css code to hide the appropriate element based on the media query of device.

You can add 1 more and share the direct link to this page so I can give the css code

Thank you. I've added the extra pic on the homepage for mobile. So the 2nd image is for mobile. its alwaysajt.com

On 12/6/2022 at 6:12 PM, minnieosc123 said:

Thank you. I've added the extra pic on the homepage for mobile. So the 2nd image is for mobile. its alwaysajt.com

Add to Design > Custom CSS

/* Hide second image on desktop */
@media screen and (min-width:768px) {
	[data-section-id="638f231256b39b511b209bfa"] {
		display: none;
}
}
/* hide top image on mobile */
@media screen and (max-width:767px) {
	[data-section-id="633c240afe2c8c221626920e"] {
		display: none;
}
}