CSS Navigation

• 

  servaisrobert · Member · Apr 2, 2017 at 6:37 pm

  • Copy link
  • Add topic to favorites

  Can anyone help with modifying the CSS so my homepage navigation font color is white, but the rest of the pages have navigation with black font?

  Thanks!

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

• 

  otpidusprime · Member · Apr 3, 2017 at 10:09 am

  • Copy link

  Hi,
  It is done because the navigation on the home page is placed over a background images with a dark overlay and the rest of the pages have white navigation background color, so to ensure that the navigation is visible on the rest of the pages… it has been colored with black.

  So if you want to have a white navigation font color in all the pages, then change CSS of the navigation background to a dark color like black or grey, like this:

  .sticky-header .site-header {
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background: #2e2e2e; // black
      z-index: 1000;
  }

  OR THIS

  .sticky-header .site-header {
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background: #c7c7c7; // grey
      z-index: 1000;
  }

  Let me know if this helps :)