Jump to content

Css code to remove background section: troubleshooting

Go to solution Solved by tuanphan,

Recommended Posts

Hi everyone, 

I seem to be having an issue using this code to remove a background image on mobile. 

The first time I use the code it works perfectly and the background image disappears. Then, when I copy/paste it to use it again for another section on the page, it does nothing!

If I try and put both section ids in the same code separated by a comma, it works, but then the first section content disappears entirely.

The page link: https://clinicaleftconnect.squarespace.com/our-approach-to-eft-tapping

password: cec2024

 

Here is what I have pasted in:

//wavy background removal on mobile//
@media screen and (max-width:767px) {
section[data-section-id="662b0cb2821dca18fb41d9cd"] .section-background {
    visibility: hidden;
}
section[data-section-id="662b0cb2821dca18fb41d9cd"].section-background {
    background-color: #FFFCF8;
}
}

@media screen and (max-width:767px) {
section[data-section-id="6621d31f097c0d6f2308f6ef"].section-background {
    visibility: hidden;
}
section[data-section-id="6621d31f097c0d6f2308f6ef"].section-background {
    background-color: #FFFCF8;
}
}

TIA! 

Ioana 

Link to comment
  • Replies 2
  • Views 379
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.