[Resolved] Mega Menu

Home Forums Support Mega Menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1353501
    Rob Eccles

    Hi there

    Need some assistance with CSS styling for my Mega menu, I’m using the GP one from the documentation.

    I have created “dummy” headings in the menu as which don’t lead anywhere.

    I am struggling with the styling of these headers, I cant seem to fathom how to target them.

    I’m trying to re-create the Mega Menu from my other site, which I’m moving from Astra to GP. In a moment of madness I moved to Astra just to see what all the fuss was about. I’m sorry, I wont desert you again 😉



    Customer Support

    Hi there,

    try this CSS:

    nav .main-nav .mega-menu > ul > li.mm-heading > a {
        text-transform: uppercase !important;
        font-size: 16px;
        font-weight: 600 !important;
        border-bottom: 1px solid #424242;

    And for the vertical borders – something like this:

    nav .main-nav .mega-menu > ul > li {
        padding: 5px 15px;
        box-sizing: border-box;
    nav .main-nav .mega-menu > ul > li:not(:last-child) {
        border-right: 1px solid #424242;
    Rob Eccles

    Thanks David

    Thats worked.


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