The logo and head area of my site seems to have a large gap between them and the slideshow on mobile devices and my ipad mini.

i have added the Custom Css code:

@media only screen and ( max-width: 767px ) {
h1.logo a {
background-size: 400px auto;
}}

@media only screen and (max-width: 440px) {
h1.logo a {
background-size: 300px auto;
}}

And this in the custom code in the Responsive Options for Tablet Portrait, as my logo was still too large for my ipad mini:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
h1.logo a {
background-size: 760px auto;
}}

But i am wondering what code will reduce the gap between the logo and the slideshow without messing up my main site, which I have done once this morning already, while seeing if I could find a fix! :laugh: