Archived topic

Mega Menu

3 replies · Started by Bob on July 6, 2020

Viewing posts 1–4 of 4

July 6, 2020 at 1:45 am #1353501

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 ;)

http://www.branchcomputers.co.uk

Rob.

July 6, 2020 at 2:45 am #1353562

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;
}

July 6, 2020 at 3:13 am #1353592

Thanks David

Thats worked.

Rob

July 6, 2020 at 3:14 am #1353595

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.