jbnjenny Posted February 10, 2021 Share Posted February 10, 2021 Site URL: http://mustard-clover-z2bx.squarespace.com%20%3Chttps/mustard-clover-z2bx.squarespace.com/%3E Hi, I'm struggling with my header background image on my mobile. I added this code to fix the cropping @media screen and (max-width:640px) { .homepage .section-background img { width: 150% !important; height: auto!important; } It worked to get my image looking right but left a grey space. How do I fill in the grey space below with the same background color as the image? Thanks so much for any help Site: https://mustard-clover-z2bx.squarespace.com <https://mustard-clover-z2bx.squarespace.com/> The site password is Stephanie Link to comment
tuanphan Posted February 14, 2021 Share Posted February 14, 2021 Hi. Remove above code & try this new code /* resize home mobile banner */ @media screen and (max-width:767px) { body.homepage #page section:first-child { min-height: unset !important; height: 30vh !important; } } 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