Guest Posted November 15, 2020 Share Posted November 15, 2020 Site URL: https://lucky-iptv.com/ Hi, So I'm having trouble getting the banner to resize on mobile. I tried a couple of things but I didn’t see any changes at all. I'll leave examples of what I tried. I also tried targeting the banner different ways but that was no good either <style> #banner{ width:100% object-fit: contain; object-position: 50% 50%; } </style> Link to comment
Beyondspace Posted November 15, 2020 Share Posted November 15, 2020 Do you want it like this? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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
Beyondspace Posted November 15, 2020 Share Posted November 15, 2020 4 minutes ago, Mandy-Mills said: Yes, exactly! Quote @media only screen and (max-width: 640px) { #collection-5e1b647189643863812ccbb7 .Index-page-image img { width: 100vw !important; height: auto !important; left: 0 !important; } } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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
Guest Posted November 15, 2020 Share Posted November 15, 2020 1 minute ago, bangank36 said: Thank you, this worked great. I appreciate it! Link to comment
tuanphan Posted November 17, 2020 Share Posted November 17, 2020 @Mandy-Mills I see on tablet, the buttons not align, also some testimonial is a bit narrow. You can add this to Design > Custom CSS to fix. /* align buttons tablet */ @media screen and (max-width:991px) and (min-width:768px) { div#block-yui_3_17_2_1_1605396240092_12502 + .row .button-block { .span-3:nth-child(2), .span-3:nth-child(3) { width: 40%; } .span-3:nth-child(1), .span-3:nth-child(4) { width: 10%; } } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.