navigation bar

• 

  ezhvac · Member · Oct 4, 2016 at 8:42 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I used this code: .has-background-cover .overlay {
  opacity: 0;}

  and now I cannot see the navigation words. I know this is because of the contrast. I was also given the code to change the navigation bar coloring but no color works with the pictures I want to use. Is there a way to either add a very transparant white (whatever color looks best) behind the navigation bar or change the layout of the navigation bar so it is more visible?

  I was sent to you from the support chat.

  Thank you!

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

• 

  innisfreehomestead · Member · Oct 4, 2016 at 9:29 pm

  • Copy link

  Hello there!

  Are you referring to the site’s main menu?

  If so, this should do the trick:

  #masthead {
  	background-color: rgba(255,255,255,.4);
  }

  You can feel free to change that last number, the .4, from everything to 1.0 (no transparency) to 0 (completely transparent).

  Then after that you can edit the menu text so that the colour stands out a bit more.

  Let me know if you have any further questions,
  Sage

• 

  ezhvac · Member · Oct 5, 2016 at 12:08 pm

  • Copy link

  Thanks Sage! That works except it is only showing up on the home page. I want it on all of my pages. Thanks!

• 

  innisfreehomestead · Member · Oct 5, 2016 at 3:33 pm

  • Copy link

  Hello there,

  I just checked, it should be working on the inner pages as well…hm. I’m not seeing the code on the homepage either, would you mind placing it in so I could test it on the inner pages as well?

  Thanks,
  Sage