stmay Posted March 31 Share Posted March 31 Hi there, I am very new to this and have started editing a website before it goes live (still in private mode). I have an image for a desktop homepage but I would like to use a different one entirely for the mobile site so both images are optimised for there uses. I've tried doing this using the code below but because I am css illiterate I've definately done something wrong or don't know how to execute this: I should mention I have the 'Personal Plan' so not even sure this is possible on my pricing plan. #collection641d0a0bcf5c9a4e1bcf01cd{ @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/641d0a012778260787f58e9f/t/64262a63c2164f7747509f3c/1680222828133/mobile+background+final.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } } } any help would be greately appreaciated. thanks, Ryan 🙂 Link to comment
tuanphan Posted April 5 Share Posted April 5 You can setup password & share url, we can help easier 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
stmay Posted 23 hours ago Author Share Posted 23 hours ago Hi Tuanphan, sorry for the slow reply I have resolved this 🙂 thanks, Ryan 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