Premium Theme Support › DesignOrbital › Dicot

Change Main Navigation Background Color

  • Author
    Posts
  • #145305
    ntchmag
    Member

    Hi,

    I’d like to change the background color of my main navigation menu. Is there any way I can do this?
    I’ve tried these HTMLs and they dont work. The site in question is ntchmag.com

    .regular-nav.nav__menu {
    margin: 0 -12.5px;
    background-color: #f5c237;
    }

    .primary-nav__container {
    background: #f5c237;
    }

    .hm-nav-container {
    background-color: #f5c237;
    }

    The blog I need help with is: (visible only to logged in users)

    #145314
    designorbital
    Theme Author

    Hi,
    Please try the following CSS Snippets,

    
.main-navigation {
  background-color: #000;
}
.sf-menu a,
.sf-menu a:visited {
  color: #fff;
}
.sf-menu a:hover,
.sf-menu a:focus,
.sf-menu a:active {
  color: #ccc;
}

    Thanks

  • The topic ‘Change Main Navigation Background Color’ is closed to new replies.