JennyWittor Posted February 9 Share Posted February 9 (edited) Hi there, I've had to manipulate css to change/overlay the background image of the landing page for the mobile version. But now all my other pages like the contact and the terms & condition pages have the same background image as well. I only specifically want it on the landing page for the mobile.. this is the code i've used: @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/63dc0265b9acba3f7f59581b/t/63e29a7b4365543e02b93375/1675795070170/MobileBackground.png); background-size: 100%; background-position: center; background-repeat: no-repeat; } } I also want to swap out an image of an image block so that the image on the desktop is a different one than the one on the mobile. Any ideas of how to accomplish that? Thank you, Jenny! Edited February 9 by JennyWittor spelling mistake Link to comment
tuanphan Posted February 10 Share Posted February 10 Hi, What is your site url? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment