Jump to content

Hiding Mobile Background on Website (Excluding Homepage)

Recommended Posts

Site URL: https://physicalkids.band/inalittlehouse

Hello All,

I'm making a band website. My homepage background looks great on desktop, but its aspect ratio didn't look great on mobile. 

I found a workaround to get a different image on mobile that had a more appropriate aspect ratio, but now it's become the background to my entire site and interferes with reading certain text blocks on mobile. 

Is there a way to
a) Only change the background image for the homepage for mobile

b) Add custom css to make other page's background white on mobile?

I tried adding the following code to the advanced css for InALittleHouse, but no change happened: 

//// White Background on In a Little House
<style>
.Main {
background-color: #ffffff !important;
}
</style>

////

Any and all thoughts appreciate. Please be kind -- I'm a composer.

Alaina

Link to comment
  • Replies 1
  • Views 138
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.