Hey Andy,
Thanks for your response and sorry for the confusion. The issue appears on any page on the iPad. However, the link I’m attaching here should make it clearer.
Hi,
your header seems totally good to me:
I can’t see any issue. Could you fix it? if not please provide us screenshot of the issue.
Best regards,
Andy
Hey Andy,
The issue is the gap between main content and the header. The white padding is not part of the fullscreen slider. It appeared when i reduced the header with the code you can see in the beginning of this thread. Moreover, it affects the menu as it opens up at a distance from the header. All that can be seen on your screen shot. If you go to the page on either iPhone or desktop, there no gap issue.
Hi,
I see the same when opening your website on iPhone, but anyway, if you want to get rid of the gap then change this code which you are using:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 80px;
}
to a smaller value, like:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 11px;
}
If you want your menu to open up on a different position, then use this code:
#header .avia_mega_div {
top: 77%;
}
and adjust as needed.
Best regards,
Andy