change menu bar color on different pages

  • Hello,
    I have a media header in the hero section of my front page and have chosen a transparent menu bar with white text since it is the most visible over the video. However, because my other pages are white, the menu becomes invisible. I don’t think there is a way to change the menu’s text color on individual pages (the best solution) but on the demo site the menu bar’s color changes from blue on the front page to navy on all the other pages. I am assuming this is therefore a possibility..? A warm thank you in advance to anyone who is able to help me ?? I am using the free version of Sydney for the moment, so custom css is not an option.

Viewing 1 replies (of 1 total)

  • Hi,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
body:not(.home) .site-header {
  background-color: rgba(5, 7, 134, 0.9);
}

    Hope that helps.

Viewing 1 replies (of 1 total)
  • The topic ‘change menu bar color on different pages’ is closed to new replies.