Archived topic
Problem with menu on mobile phone
6 replies · Started by milan on December 6, 2021
Hello,
Iam using GP Premium, latest updates. I have a problem with menu on mobile phone after scrolling down the page on my website https://north-vietnam.com/.
After the page is loaded everything is ok, but when Iam starting scrolling down the page and then I click on hamburger menu... after this step menu collapsed and some items are not visible. The menu expands beyond the visible area of the display. For the first time I have this problem I do not know what is the solution for this problem, could you please help me. Thank you very much. Milan.
Hi there,
go to Customizer > Layout > Sticky Navigation and reduce the Menu Item Height so it matches the value in Customizer > Layout > Primary Navigation.
I try this, but it is not a solution. If I change height of items in sticky menu on mobile phone, then primary menu on desktop collapsed..
If I change primary menu.... then sticky menu collapsed.
I would like to set a different value for sticky menu on mobile phone and for sticky menu on desktop, but it is not possible...
This is the problem, automatically expanding menu items after scrolling down. How to stop it.
Check this video:
https://photos.app.goo.gl/DaPGkZ5xY1BYf9SXA
Add this CSS to set the sticky menu item height for mobile:
@media(max-width: 768px) {
.main-navigation.sticky-navigation-transition .main-nav > ul > li > a {
line-height: 56px;
}
}Thank you very much David, this CSS helped me, problem solved.
Glad to hear that!
