-
Posts
-
https://kriesi.at/support/topic/menu-has-dropped-down-approx-20px-lower-then-the-top-of-the-page/
http://www.4guys.co.nz Still has the problem on smaller screens / mobiles
Sorry to make a new thread the old one is locked.
Hey 4Guys Autobarn,
It seems fixed when I checked on my end.
What browser are you using? and is it an iphone or an android phone?Best regards,
NikkoIt happens when using an iPhone / safari and also PC /chrome when I resize the web page.
I’ve attached the screenshots, notice on the resized page the gaps between the top and bottom of the menu
Hi,
We can’t reproduce the issue on our end. And we can’t pin point the issue in the screenshot. Could you annotate the screenshot so that we can understand the issue better?
The following css code should remove the space between the header and the slider on mobile view.
@media only screen and (max-width: 989px) { .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 45px!important; } }Best regards,
IsmaelI’ve attached the screenshots and have highlighted the problem with the webpage when it gets resized.
It is important to note my original issue had the gap only ABOVE the menu before no matter what size the webpage was.
However after inserting the code:#header{
margin-top:-26px!important;
}
It fixed above the menu and then moved the issue to BELOW the menu.I inserted the code:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 45px!important;
}This fixed the issue of above and below but did not for mobile size.
I tried using the code you mentioned above along with the other’s which have no worked.Hi 4Guys Autobarn,
Can you try to change 45px from Ismael’s code to 0, so it should look like:
padding-top: 0 !important;Best regards,
Nikko
- You must be logged in to reply to this topic.