Jump to content

Alternative Mobile Background Image 7.1

Recommended Posts

Site URL: https://www.v6ranch.com/

Hi all,

I'd like to have an alternative image for mobile and desktop on my homepage. I found the code below it and it worked for a few months but now it seems to be affecting the navigation bar both on desktop and mobile. They're working normally on all other pages. (Photos attached) Does anyone have alternative code that will do the trick, or see an issue in this code that would affect the navigation bar?

Thanks in advance! 

Lauren
 

<Style>@media only screen and (max-width: 640px){

#page .page-section:nth-child(1) .section-background img {opacity:0 }

#page .page-section:nth-child(1)  .section-background {

background-image: url(https://static1.squarespace.com/static/620d8cf94e84c814ed5d31ca/t/62f7ff00d583b67a0a57dcc9/1660419842949/Mobile+Home+Page+White+Small.jpg);

background-size: cover;

background-position: center;

background-repeat: no-repeat;

}

}

IMG_9166.PNG

IMG_9167.PNG

IMG_9168.PNG

IMG_9169.PNG

Screen Shot 2022-09-09 at 2.16.52 PM.png

Screen Shot 2022-09-09 at 2.15.35 PM.png

Link to comment
  • Replies 1
  • Views 190
  • 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.