[Resolved] 8 Column Mega Menu

Change the CSS for this:

@media (min-width:1024px) {
    .main-nav > ul > li:nth-child(7) {
        margin-left: 80px;
    }
}

@media (max-width:768px) {
    .main-nav > ul > li:nth-child(7) {
        margin-left: auto;
    }
}

It will only apply to the top level navigation

Glad to hear that

Change your CSS to this:

.main-navigation .main-nav > ul > li.mega-menu > ul > li > a {
    background-color: inherit;
    font-size: 14px;
    color: #F4C424;
}

Note this part: li.mega-menu it means it will only apply to the mega-menu drop downs.

You’re welcome