Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Drop down mega menu styling lost

Home Forums Support Drop down mega menu styling lost

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #509464
    TWMA Support

    Hi

    I had the drop down menu setup as a mega menu. Recently I was on the site and noticed that the mega menu is acting very strangely in that the first level appears when you mouse over the top level but the third tier only appears when you mouse over the second tier.

    Also I noticed that the drop down under the “About” is off to the left when it should be right aligned.

    I looked in the additional css in the “Customise” section and it seems to be blank, but I am pretty sure that I included the drop down css in there. I did an update recently (cant remember when), but thinking that may have had something to do with it.

    Please could you take a look and provide a fix.

    Thanks

    GeneratePress 2.0.2
    #509784
    Leo
    Staff
    Customer Support

    Hi there,

    We’ve updated the CSS recently: https://docs.generatepress.com/article/building-simple-mega-menu/

    Can you give it a shot?

    #509813
    TWMA Support

    Hi

    Ok great that seemed to fix the menu except the hover state of the 2nd tier is now the same as the background colour when it should be orange.

    Also the about menu still shoots off to the left.

    Thoughts.

    Thanks

    #510238
    Tom
    Lead Developer
    Lead Developer

    Try adding this CSS:

    nav .main-nav .mega-menu > ul > li:hover > a {
        color: #fff;
    }

    The About sub-menu is going to the left because you have this CSS in your child theme:

    .main-navigation ul ul {
        box-shadow: 0 2px 2px rgba(0,0,0,.1);
        float: right;
        right: 0;
        z-index: 99999;
        text-align: left;
    }
    #510455
    TWMA Support

    Thanks for the help on this. All sorted.

    #510659
    Tom
    Lead Developer
    Lead Developer
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.