Navigation Main Menu

Shapely
1

Hello there, my first post.

I have been trying to sort out an issue for weeks now and am at a loss. So, have bit the bullet and decided to ask for help.

Currently building a charity site on Shapely and the main nav has changed to a black background. Previously it was white/transparent and not sure how it got to being black. Using a child theme.

I have scoured your forums and wordpress forums and tried everything I have found, but nothing is working. You can look at the site here to see what I mean.

Any advice from anyone will be hugely appreciated. I am having a few other issues with the theme too, but will start new thread for those.

2

Hi @b1uenose,

I hope you are well today and thank you for your question.

I visited your shared site and found this is happening because of the below CSS code added in the style.css file of your child theme. To resolve the issue please remove the background and color properties from the below CSS code on your site.

#mega-menu-wrap-primary {
    background: #222;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
    background: #333;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    outline: none;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    line-height: 40px;
    font-weight: normal;
    height: 40px;
    vertical-align: baseline;
    text-align: left;
    width: auto;
    display: block;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
}

Best Regards,
Movin