Reply To: Header color not change in mobile layout

Homepage Community Forums Aspire Theme Support Header color not change in mobile layout Reply To: Header color not change in mobile layout

#22388
Wes
Moderator

    Did you want the Header background color to be the Blue that you have in the logo? If so, either Remove/Comment Out or change this – .front-page .site-header to blue on line 2551

    .front-page .site-header {
        background-color: #000;
    }

    Here’s what it looks like if you change it to Blue –

    .front-page .site-header {
        background-color: #2185f5;
    }

    For the header links: Since you changed your Header background to Blue, and your links are blue, you’ll need to change the Hover code so it shows up as a different color. If you add this to your CSS, it will change it to the Yellow color that you have in your logo.

    .site-header .genesis-nav-menu a:hover {
    	color: #f9dd10;
    }

    You can change it to whatever color you need.

    Let me know if this helps.