changing mobile background for portfolio page but not for pages under it

Site URL: https://trumpet-red-ffsb.squarespace.com

I am trying to change my portfolio landing page (which is also my home page) so I get a different image for the mobile site vs the desktop site. That seems easy enough, but it changes the banner for the page under that as well. Any page accessed through the portfolio pages don't change however, just the portfolio and the pages connected to portfolio. So if you go to the Chalkboard Art page , it has the same image as the portfolio page (I'd like it to be plain black). But if you go to Stonyfield under the Chalkboard Art, it's black, just how I want it. Is there any way to keep it from changing the secondary page?

I got the original code from Inside The Square

/* =============================== */
/* Shows different image 4 mobile */  
@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/62243b39a0f8a94fd0f4b835/t/622a92407674cb7948261a63/1646957124561/Mobile-bkg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
}

https://trumpet-red-ffsb.squarespace.com

sharynchanart

Thanks so much!

Use below code, I hope it will solve your problem. Still any issues, Please let me know

@media only screen and (max-width: 640px){
body:not(.view-item) #page .page-section:nth-child(1) .section-background img {opacity:0 }
body:not(.view-item) #page .page-section:nth-child(1)  .section-background {
background-image: url(https://static1.squarespace.com/static/62243b39a0f8a94fd0f4b835/t/622a92407674cb7948261a63/1646957124561/Mobile-bkg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
}

Thanks! That worked like a champ. Would you care to explain what you did? I'd love to learn what the code means and what it does rather than just paste & run..

On 3/12/2022 at 10:58 AM, SChan said:

Thanks! That worked like a champ. Would you care to explain what you did? I'd love to learn what the code means and what it does rather than just paste & run..

If you see your page, that was any collection page and you want specifc page and section 1 background image. The mean it