Jump to content

Hide Index Background Image on Mobile

Recommended Posts

Guest bonniekdesign

Site URL: https://eleanorkerlowpr.squarespace.com/

I'm trying to hide the index background image on mobile screens only. As you can see it's interfering with readability on the phone layout. I'm been playing with custom CSS but can't seem to get the code to work where the background image assigned to that index is hidden. Any ideas?

https://eleanorkerlowpr.squarespace.com/

Password: EleanorKerlowPR

Desktop.png

Mobile View.png

Link to comment
  • Replies 3
  • Views 707
  • Created
  • Last Reply
  • 2 months later...
2 hours ago, okayguru said:

hi

You can apply css to data section by using following code, just change data section id.

[data-section-id="5ea49d67b196354df3df3db5"]{

Your css code goes here

}

above site doesn't use data-section-id

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.