Site logo

[Resolved] Problem with menu on mobile phone

Home Forums Support [Resolved] Problem with menu on mobile phone

Home Forums Support Problem with menu on mobile phone

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2039848
    milan

    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.

    #2039861
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Layout > Sticky Navigation and reduce the Menu Item Height so it matches the value in Customizer > Layout > Primary Navigation.

    #2039889
    milan

    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…

    #2039977
    milan

    This is the problem, automatically expanding menu items after scrolling down. How to stop it.
    Check this video:
    https://photos.app.goo.gl/DaPGkZ5xY1BYf9SXA

    #2040003
    David
    Staff
    Customer Support

    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;
        }
    }
    #2040308
    milan

    Thank you very much David, this CSS helped me, problem solved.

    #2040905
    David
    Staff
    Customer Support

    Glad to hear that!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.