Sticky Header Background Overhang Ipad


#1

Hi,

Firstly I would like to thank you for a wonderful theme. I am experiencing issues while viewing my site on an iPad. The header image on all standard pages appears too big for the ‘sticky’ header and while at the top of the page the header image sticks out from the overlay. This of course disappears as you scroll down the page as the header image does not travel with the moving header. This occurs on all pages apart from the home page.

Web address: http://www.jakewaby.com

Secondly - is there a way to adjust the way the home page images are viewed on different devices, even if its a bit of custom CSS? Not totally necessary, Just wondering.

Thank you in advance.
J Waby


#2

Hi,

I just checking your site and I think your logo size is to big. You can reduce the logo size using these css code below:

@media only screen and (max-width: 1024px){
  img.site-logo {
    height: 60px;
  }
}

you can put the code above using simple custom css plugin.

and for the second question, can you be more specific?