Responsive display not resizing full page image slider


#1

Hi great theme (Sydney). I am using it for a simple car show website currently http://www.christchurchsupercars.com but am probably going to upgrade once I’ve explored it a bit more. Please can you help with an issue I’m having. When the site loads on a large screen its fine, however when loading on iphone/tablet I get a blank white strip at the top of the page and also my home page slider image does not resize to fit the screen (although the overlay text does). Any help would be REALLY appreciated. Many thanks, Neil (westronman).


#2

Hi,

I’ve checked your site but I didn’t see the white strip when displaying in mobile screen.

Your header image is too wide, you have to decrease the header image to fit it when displayed in mobile screen, you can manage it using simple custom css plugin by adding these css code below:

@media only screen and (max-width: 425px){
  .header-slider {
    height: 250px !important;
  }
}

@media only screen and (max-width: 768px){
  .header-slider {
    height: 565px !important;
  }
}

@media only screen and (min-width: 1024px){
  .header-slider {
    height: 950px !important;
  }
}

Regards,
Awan