Removing background image on mobile

Site URL: https://kristelandnic.com/

PW: 94591

I am attempting to remove the background images on mobile only for the "Hero" & "The Wedding Party" sections. Right now it just looks like a accidental line through the section. 

I attempted multiple CSS modifications to no avail. Any help would be much appreciated.
 

I was having issues with the above code. The comma after the img property causing the code not function properly. Once I removed that comma it worked for me. Here is my updated code:

 

@media (max-width: 768px) {
	section[data-section-id="5ea5df28b7d80f496463e8db"] .section-background img
	
	{
		display:none;
	}
}

On 2/26/2021 at 11:12 PM, kasandramurray said:

I was having issues with the above code. The comma after the img property causing the code not function properly. Once I removed that comma it worked for me. Here is my updated code:

 

@media (max-width: 768px) {
	section[data-section-id="5ea5df28b7d80f496463e8db"] .section-background img
	
	{
		display:none;
	}
}

 

Thank you both, this was a huge help!

Hi there! On my landing page I am trying to remove a section background image with the above code but it isn't working? Please help! I just want a white background...

https://jeanine-thompson.squarespace.com/

password tuansqsp

On 5/2/2022 at 2:28 PM, Iwan said:

Hi there! On my landing page I am trying to remove a section background image with the above code but it isn't working? Please help! I just want a white background...

https://jeanine-thompson.squarespace.com/

password tuansqsp

It looks like you hided it?