toniohb Posted November 4, 2020 Share Posted November 4, 2020 Site URL: https://bad-obsession.com Hi Tuanphan, I hope you're doing alright. I have gone through your coding advice to other people in this thread and tried to insert custom CSS on my site www.bad-obsession.com (code: bibi007) so that the height of the homepage banner image (with the guy and the girl) on mobile devices is different from the height on desktop. For your information I'm in the middle of my 14 days trial period. Here is the code I tried to insert and did not work : @media screen and (max-width:640px) { [data-parallax-id="5f852269ae879c7bde5e19a2"] .section-background img { height: 40vh; } } Thank you in advance for your kind help toniohb Link to comment
Beyondspace Posted November 4, 2020 Share Posted November 4, 2020 I think you should use @ to call for his name BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
toniohb Posted November 4, 2020 Author Share Posted November 4, 2020 Thank you @bangank36 ! I did that in the form but maybe I should ask in the thread I was refering to in my message. I am new here and did not know I was starting a new topic. Sorry Link to comment
jacobcuz Posted November 5, 2020 Share Posted November 5, 2020 I am also looking for how to resize one image on mobile. Can't find the block id anywhere and unfortunaltey cannot post as it's an unpublished site controlled by an angency. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.