Keri Posted December 21, 2022 Share Posted December 21, 2022 Hi there, I'd like my hero image to crop less on mobile. How can I get it to resize more appropriately? Link to the site I'm working on: https://ellipsoid-roadrunner-h6t7.squarespace.com/ Thank you! Link to comment
tuanphan Posted December 22, 2022 Share Posted December 22, 2022 Try adding to Design > Custom CSS /* resize mobile banner */ @media screen and (max-width:640px) { body.homepage .Parallax-item:first-child img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } section#hero-image-foster { height: 220px; } } 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