Navigation
Archive / Make navigation menu different color just on the homepage
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 6, 2016 at 9:23 am #1163081
    scottkwilson
    Participant

    Hi – I’d like to make the navigation menu white, but just on the homepage. How do I do this? Thx

    http://newsite.stormwindcreative.com/

    September 6, 2016 at 10:00 am #1163113
    Joao
    Moderator

    Hi Scott,

    Please add the following code to Appereance Customizer Custom CSS

    
.home .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    color: white;
}

    Hope that helps,

    Joao

    September 6, 2016 at 12:50 pm #1163338
    scottkwilson
    Participant

    Worked perfectly! How can I do this on this page too? http://newsite.stormwindcreative.com/about-us2/

    how can I do this for other pages in general?

    September 6, 2016 at 2:18 pm #1163431
    Joao
    Moderator

    Hi Scott,

    You need to inspect your pages, and findout the Page ID. than you have to add the page ID in front of the code.

    http://newsite.stormwindcreative.com/about-us2/

    Does not exist.

    But your contact page for example would be:

    .page-id-3611 .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    color: black;
}

    Here is a tutorial so you can learn how to find your page or post ids.

    Hope that helps,

    Joao

    September 6, 2016 at 4:04 pm #1163528
    scottkwilson
    Participant

    Thanks! Worked great!

    September 6, 2016 at 8:56 pm #1163851
    Jade
    Moderator

    You’re welcome Scott.

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