[Resolved] Secondary menu with dropdown menu not working

Home Forums Support [Resolved] Secondary menu with dropdown menu not working

Home Forums Support Secondary menu with dropdown menu not working

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #542350
    Emil Frølund

    Hi,

    the submenu (dropdown menu) is not working on mobile on my website gaming.envavo.com for the “my account” on the top right (the secondary menu). Is there something to do about that?

    I have added this CSS to the top menu

    .secondary-navigation .highlighted-top-bar a {
        background-color: white !important;
    		color: #515151 !important;
    }
    
    .secondary-navigation .menu-toggle {
          display: none;
    }
    
    @media(max-width: 768px) {
        .secondary-navigation {
            text-align: center !important;
        }
        .secondary-navigation ul {
            display: block;
        }
        .secondary-navigation .sf-menu>li {
            float: none;
            display: inline-block !important;
        }
    }
    
    .secondary-navigation .menu-toggle {
          display: none;
    }
    

    Thanks

    #542486
    Leo
    Staff
    Customer Support

    Hi there,

    Can you link me to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know 🙂

    #543405
    Emil Frølund

    Gaming.envavo.com

    Thanks

    #543498
    Tom
    Lead Developer
    Lead Developer

    What version of GPP are you using? I’m seeing some CSS that isn’t a part of the plugin which is causing the issue.

    #543540
    Emil Frølund

    Hi Tom, thanks for taking time here in the weekend.

    It’s GPP 1.5.2 and GP 2.0.2

    #543834
    Leo
    Staff
    Customer Support
    #543903
    Emil Frølund

    updated now, did not help.

    #543905
    Emil Frølund

    Sorry, it did help! now i can see the dropdown, but it immediately clicks the “my account” instead of letting me use the dropdown menu. it does not work if I try to press the arrow.

    #543955
    Tom
    Lead Developer
    Lead Developer

    That’s because your navigation dropdown type is set to hover.

    Since you’ve disabled the mobile menu for the secondary nav, it will continue to use the hover dropdown type.

    #543958
    Emil Frølund

    I see.. hmm, so if I choose click it should work? Is there a way to choose click only for mobile, and have hover for desktop?

    #544205
    Tom
    Lead Developer
    Lead Developer

    If you choose click, it will work. However, it will apply to all menu items.

    Doing it on mobile only is possible, but would take some pretty considerable coding I believe.

    Let me know if you want me to take a shot at it.

    #544279
    Emil Frølund

    What would the price be for such a job? 🙂 Also, another way to fix it would be to make the main menu hover and the secondary menu click. I would suppose that is a bit easier?

    #544286
    Emil Frølund

    Hi Tom, I found a temporary fix which I’m happy about for now.

    I chose to set the secondary menu item (which has children) to “#” and have the hover option enabled, this gives the desired function on mobile and is fine for desktop. I just called it Account Menu, so people don’t see it as a clickable item and gave it a burger menu icon.

    #544596
    Tom
    Lead Developer
    Lead Developer

    Awesome, glad you got something working 🙂

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