Karolina Posted April 20, 2022 Share Posted April 20, 2022 Site URL: https://www.karolinawalsh.com/ My banner image is only showing the most upper part of the image on mobile view on phone. In the preview in the editor the image looks ok though still significantly cropped. Would like to have the full image shown on mobile. Can anyone help me out with that? Link to comment
Solution Beyondspace Posted April 20, 2022 Solution Share Posted April 20, 2022 1 hour ago, Karolina said: Site URL: https://www.karolinawalsh.com/ My banner image is only showing the most upper part of the image on mobile view on phone. In the preview in the editor the image looks ok though still significantly cropped. Would like to have the full image shown on mobile. Can anyone help me out with that? Try @media only screen and (max-width: 767px){ #collection-52deb212e4b043856341b2f0 #page-header-wrapper { background-attachment: unset; background-repeat: no-repeat; } } Let me know how it works on your site BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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 April 20, 2022 Share Posted April 20, 2022 My testing BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Karolina Posted April 20, 2022 Author Share Posted April 20, 2022 Thank you so much! Perfect! Beyondspace 1 Link to comment
Karolina Posted April 20, 2022 Author Share Posted April 20, 2022 I'm noticing that this is the case, banner picture is majorly cropped, on all my mobile pages. Is there an easy way to modify this code so it changes all my pages? Link to comment
tuanphan Posted April 23, 2022 Share Posted April 23, 2022 On 4/20/2022 at 11:08 PM, Karolina said: I'm noticing that this is the case, banner picture is majorly cropped, on all my mobile pages. Is there an easy way to modify this code so it changes all my pages? Try this new code @media only screen and (max-width: 767px){ #page-header-wrapper { background-attachment: unset; background-repeat: no-repeat; } } 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