Resize background image to fit mobile view.

Site URL: https://www.westgatewashers.com/

Hello,

I seem to be having trouble getting the home page background to fit accordingly on mobile view. It looks good on the computer view but it's zoomed in and cuts off a lot of the picture when viewing from a phone. I'm not sure if there's a solution, but if there is, I would really appreciate the help!

Thanks

Hi,

You can consider adding an one more section under current section, design image for mobile, then add this to Design > Custom CSS to show top section on desktop, show bottom section on mobile only

/* show top section on desktop */
@media screen and (min-width:768px) {
	body.homepage article section:nth-child(2) {
		display: none;
}
}
/* show bottom section on mobile */
@media screen and (max-width:767px) {
body.homepage article section:nth-child(1) {
		display: none;
}
}