Change Background colour around Site logo

  • Hi

    I am trying to change the background colour around the site logo, whilst keeping the menu bar white.

    Would anybody have some CSS that would work? I have tried the below, but it doesn’t seem to do anything…

    #wp-header-text-nav-wrap {
    background-color: #F79B2E;
    border-top-color: #F79B2E;
    padding-top: 0;
    }

    Thanks in advance
    Rich

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @richeyrich85 ,

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    
.bottom-menu {
    background: #fff;
}
#header-text-nav-container {
    background: #f79b2e;
}

@media only screen and (min-width: 601px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    background: #f9f9f9;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    border-left: 1px solid #ffffff;
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);
}

}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: #f9f9f9;
}

    Let me know if that does it.

    — Youcef

    Thread Starter richeyrich85

    (@richeyrich85)

    Hi Youcef

    That worked perfectly.

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Background colour around Site logo’ is closed to new replies.