Navigation
Archive / Change Nav Color
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 17, 2016 at 11:04 am #1219516
    piexec
    Participant

    Is there a way to change the background color of the nav bar when the page is scrolled and the logo bar disappears?

    catchtwentythree.com

    Id like it to be black when the page logo is showing, but when the page scrolls down, I’d like to turn it yellow so it can be seen easier.

    October 17, 2016 at 11:51 am #1219574
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .x-navbar.x-navbar-fixed-top {
    background-color: rgb(255,210,4) !important;
}

.x-navbar.x-navbar-fixed-top .desktop .x-nav > li > a, 
.x-navbar.x-navbar-fixed-top .desktop .sub-menu li > a, 
.x-navbar.x-navbar-fixed-top .mobile .x-nav li a {
    color: #fff;
}

.x-navbar.x-navbar-fixed-top .x-nav > li.x-menu-item-woocommerce > a .x-cart,
.x-navbar.x-navbar-fixed-top .x-nav > li.x-menu-item-woocommerce > a .x-cart > span.outer {
    color: #fff;
    background-color: #fff;
}
.x-navbar.x-navbar-fixed-top .x-nav > li.x-menu-item-woocommerce > a .x-cart > span,
.x-navbar.x-navbar-fixed-top .x-nav > li.x-menu-item-woocommerce > a .x-cart > span.outer {
    color: #000;
}

    Hope it helps 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1219516 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>