Eagles Posted November 18, 2021 Share Posted November 18, 2021 (edited) Hi, im hoping someone can help? I can’t get rid of the grey space after resizing my main background image for mobile view. My site isn’t live yet and still trying to understand how this works. I found a feed on here and have been trying this code but it doesn’t appear to work for me? /* Mobile-Homepage-topbanner */ @media screen and (max-width:767px) { section[data-section-id="5edddb08ea5e395a85788610"] { min-height: unset !important; height: 35vh !important; margin-top: 15vh; } } attached image of my site in mobile view is the best I can do currently atm. this uses the resize code, also found on this forum, below. @media screen and (max-width:640px) { .homepage .section-background img { width: 100% !important; height: auto !important; } } so I think it must be a combination of both somehow? Any help would be greatly appreciated!! Edited November 18, 2021 by Eagles Forgot image! Link to comment
tuanphan Posted November 20, 2021 Share Posted November 20, 2021 Can you share link to page where you have problem? We can check easier 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
Eagles Posted November 20, 2021 Author Share Posted November 20, 2021 Sure! And thanks for your reply. It’s www.eaglesaviationart.co.uk when viewed on a mobile device? many thanks! Link to comment
Eagles Posted November 20, 2021 Author Share Posted November 20, 2021 The image also doesn’t resize correctly in I pad view (when the iPad is vertical). Is there some code that will automatically resize the image and section for device used? many thanks! Link to comment
tuanphan Posted November 22, 2021 Share Posted November 22, 2021 Hi. Don't remove any code in your current code. Add this to Design > Custom CSS /* remove grey space on mobile */ @media screen and (max-width:767px) { [data-section-id="6182a66412336b4fc5cf549e"] { min-height: unset !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
Eagles Posted November 22, 2021 Author Share Posted November 22, 2021 This works brilliantly - thank you 👍 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