-
Hi,
This site: https://kragten.fresheggs.biz/
has a sticky menu on scroll. On mobile the logo is too small to see. It doesn’t behave this way on the mobile view in the page editor or in chrome dev tools. Only on an actual phone.I am also using the CSS below to make the contact menu item appear as a button in the nav. I thought this might be interfering but it doesn’t seem to affect it if I take this CSS away.
/* CONTACT BUTTON IN NAV*/
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
line-height:40px;
}.main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .sticky-navigation-transition .menu-toggle, .main-navigation.sticky-navigation-transition .menu-bar-item > a, .sticky-navigation-transition .navigation-branding .main-title {line-height: 40px;}
.contact a {
color: #ffffff !important;
font-weight:600;
border-style:solid;
border-color:var(–background-dark);
background: var(–background-dark);
text-transform:uppercase;
letter-spacing:.2em;
}
.contact a:hover {
background: var(–primary-accent) !important;
color: #FFFFFF !important;
border-color:var(–primary-accent) ;
} -
Can you go to customizer > layout > sticky navigation, and check what is the value you set for the
Menu Item Height?Let me know 🙂
-
It’s set for 70px and is fine on desktop. Just not on mobile.
-
Since this question is related to GP Premium, can you please enter your support key for GP Premium first? I only see the support key for GB pro currently.
It can be entered in the first right sidebar widget in the forum here.
Let me know 🙂
-
Hi. Any updates on this? I entered the support key this morning. Thank you.
-
I see your GP icon now, thanks! 🙂
It is very weird, as the issue only appears on real mobile devices.
Can you provide an admin login for us to check the backend?
If it’s possible, can you disable all plugins except GP premium? Thanks!
Please edit your first post on this topic, and add the login info into the private info field. It will only be seen by the support team.
-
thanks Ying. I have done so. When I deactivated the plugins nothing changed, so I activated them again. You can deactivate and try too. I have a meeting with the client tomorrow from 10 to 11 EST so would like them active during that time. Otherwise it’s fairgame. Thanks!
-
I don’t see anything obvious. other than the menu item height being set to
0, can you go to customizer > layout > menu item height, and set it to70px?You can hide the header on the desktop/tablet using this CSS:
@media(min-width: 769px) { .site-header { display: none; } }And I see the CSS being cached on your site, do you have any cache/performance plugin or do you have server-level cache enabled? if so, can you disable them to check?
-
That was the needle in the haystack! Thank you!
-
Glad it worked!
- You must be logged in to reply to this topic.