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
  • Created
  • Last Reply

Top Posters In This Topic

  • 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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.