CreativeBloom Posted November 29, 2021 Share Posted November 29, 2021 Site URL: https://www.creativebloomrocks.com/ Hi there, On our homepage, we currently have an image that has burned in text. When viewing on mobile, it crops this and therefore the text is not legible. Can anyone help suggest some code which allow the banner to appear full size on mobile and therefore not cropped. Thanks very much, Ollie Link to comment
Beyondspace Posted November 29, 2021 Share Posted November 29, 2021 (edited) 1 hour ago, CreativeBloom said: Site URL: https://www.creativebloomrocks.com/ Hi there, On our homepage, we currently have an image that has burned in text. When viewing on mobile, it crops this and therefore the text is not legible. Can anyone help suggest some code which allow the banner to appear full size on mobile and therefore not cropped. Thanks very much, Ollie Try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { .banner-thumbnail-wrapper img { width: 100% !important; height: auto !important; left: 0 !important; } .banner-thumbnail-wrapper { padding: 0 !important; } } Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too Edited November 29, 2021 by bangank36 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, 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 29, 2021 Share Posted November 29, 2021 My testing result Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
CreativeBloom Posted November 30, 2021 Author Share Posted November 30, 2021 Hi Bangank36, Thanks for getting back to me so quickly - appreciate this very much, What i'm seeing after putting this code in the CSS is that the hero banner is removed completely and disappears on Mobile. Still present on desktop. Have cleared my cache and still doesn't show on mobile. Ollie Link to comment
tuanphan Posted November 30, 2021 Share Posted November 30, 2021 8 minutes ago, CreativeBloom said: Hi Bangank36, Thanks for getting back to me so quickly - appreciate this very much, What i'm seeing after putting this code in the CSS is that the hero banner is removed completely and disappears on Mobile. Still present on desktop. Have cleared my cache and still doesn't show on mobile. Ollie The banner image is fine from my end. You try checking again 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
Beyondspace Posted November 30, 2021 Share Posted November 30, 2021 10 minutes ago, CreativeBloom said: Hi Bangank36, Thanks for getting back to me so quickly - appreciate this very much, What i'm seeing after putting this code in the CSS is that the hero banner is removed completely and disappears on Mobile. Still present on desktop. Have cleared my cache and still doesn't show on mobile. Ollie I access your site via my phone and it seems fine C Can you check it again? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
CreativeBloom Posted November 30, 2021 Author Share Posted November 30, 2021 I think maybe my screen size could be a little smaller and therefore it's not showing. I have an Iphone 12 and my colleague isn't able to see it either. Thanks for your help on this again Ollie 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