- Posts
I was working on a site in the Haven theme and noticed the far right color slot of the color palette controls both the menu colors and a portion of the background colors. Since I have a fixed header, when I scroll down my menu “disappears” because it is the same color as the background (it’s still there, but no one can read it). Is there a way to change the menu alone to a different color to avoid this conflict?
Hello Sarah,
Thank you for contacting us about changing the menu color in the Haven theme. There are a couple options:
First Option: Change the menu color in the customizer using “Custom JS & CSS”
- Click Customize
- Click Advanced
- Click Custom JS & CSS
- Under Custom Theme CSS click Open Editor
- Enter the following code to make the menu red:
.navbar-nav>li>a { color: #ff0000 !important;}
- Change the hex value “#ff0000” to whatever color you want the menu to be
Second Option: Make a Child Theme and Override the color
- Setup a Child theme (here is a helpful link to a Haven Child theme)
- Then, you can use Google Chrome Developer Tools to Customize CSS
- You can then modify this line (110) to change the child theme to any color in the palette.
Let us know if you have any further questions.
John-Paul
- The topic ‘Haven Theme Colors’ is closed to new replies.
