HasanWebdeveloper

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

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;
}
}