navigation bar

  • Author
  • #2754494



    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


    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,



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


    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?


The topic ‘navigation bar’ is closed to new replies.