Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23500

    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?

    #23501
    JohnPaul B
    Member

    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

    1. Click Customize
    2. Click Advanced
    3. Click Custom JS & CSS
    4. Under Custom Theme CSS click Open Editor
    5. Enter the following code to make the menu red:

      .navbar-nav>li>a { color: #ff0000 !important;}

    6. Change the hex value “#ff0000” to whatever color you want the menu to be

    Second Option: Make a Child Theme and Override the color

    1. Setup a Child theme (here is a helpful link to a Haven Child theme)
    2. Then, you can use Google Chrome Developer Tools to Customize CSS
    3. 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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Haven Theme Colors’ is closed to new replies.