ando_337 Posted December 22, 2020 Share Posted December 22, 2020 (edited) Site URL: https://www.inneco.de/eco-basic-eco-premium Hi there, how can I make my landing page responsive to different screen sizes? It is quite fine for mobile view and big screens. But it does not look good in between desktop and mobile view. the Logo gets too big or the banner is not full width so it is cut off on the right side (see screen shots). Does anyone know what code I need to show the banner in full width and to avoid the logo (image) getting too big? Thank you for helping! Edited December 22, 2020 by ando_337 Link to comment
tuanphan Posted January 2, 2021 Share Posted January 2, 2021 Add to Home > Design > Custom CSS /* resize tablet banner */ @media screen and (max-width:991px) and (min-width:768px) { [data-section-id="5fc3e08408845d092400c576"] { min-height: 1vh !important; height: 40vh; padding-top: 10vh !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