[Support request] Different Styles for Parent, Child and Grandchild (Mega Menu)

Home Forums Support Different Styles for Parent, Child and Grandchild (Mega Menu)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1350556
    Aylisha

    Hi, I searched and couldn’t find anything on this, so I figure it must be quite easy.

    I’ve set up a simple mega menu using these instructions: https://docs.generatepress.com/article/building-simple-mega-menu/ (I’m not looking to use a plug-in mega menu.)

    My parent items in my main nav are all uppercase and bold. This is the way I want to keep it.

    However, I don’t want my child items in my hover dropdown to be uppercase, just bold. I then want my grandchild items to be normal, not bold, not uppercase.

    I’ve also aligned the dropdown menu to the left, and there isn’t much padding. Can you please let me know where to quickly edit this, as I can’t find it in Customiser?

    Thanks.

    #1350775
    Leo
    Staff
    Customer Support

    Hi there,

    Can you disable the coming soon page?

    #1353455
    Aylisha

    Hi, you should be able to see it now!

    #1353539
    David
    Staff
    Customer Support

    Hi there,

    try this:

    /* Child style */
    nav .main-nav .mega-menu > ul > li > a {
        text-transform: capitalize;
    }
    
    /* Grandchild style */
    nav .main-nav .mega-menu > ul > li > ul > li > a {
        text-transform: capitalize;
        font-weight: normal;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.