Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 responsive different screen sizes e.g. tablet


ando_337

Question

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!

10257300_Bildschirmfoto2020-12-22um15_30_17.thumb.png.dc3b36080ed54022725219468a11dc8e.png1396757009_Bildschirmfoto2020-12-22um15_30_29.thumb.png.fb3454328f6e8a5b521eac8d3fbc919f.png

Edited by ando_337
Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0

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;
}
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...