Ipad header cutting off text

Support
#1

Hi there,

Pages for my site load fine on desktop but the header is obscuring the top of the pages in horizontal mode on ipads, can someone identify why this is happening and suggest a solution? www.solwalkingingreece.co.uk
thanks
Gavin

#2

Hi Gavin,

It happens because your logo and menu doesn’t fit on 1 row on those screensize. Let’s try reducing your logo width on those size. Please add the following CSS on Theme Options > Global CSS

@media(max-width:1026px){
   .x-brand img{
       width: 355px !important;
   } 
}

Hope this helps.

#3

That did the trick, many thanks Lely

#4

You’re welcome, Gavin.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.