Reply To: Header colour

Homepage Community Forums Aspire Theme Support Header colour Reply To: Header colour

#23096
Wes
Moderator

    It looks like you added that line in your custom CSS area? If so, then that’s probably why that’s happening. Since it’s not added inside a media query it’s applying the background color to the whole site rather than the mobile section (that’s where the issue is).

    I was referring to replacing the code on line 2549 in your style.css file which currently looks like this –

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

    However, if you prefer to make adjustments in your Custom CSS area rather than editing the style.css you can do so by adding this to your custom CSS –

    @media only screen and (max-width: 1023px) {
    
    	
    	.front-page .site-header {
        	    background-color: #3d586b;
    	}
    
    }

    I just tested and was able to get this working on my end. Let me know if it works for you. If not, I can log in and do it for you if you want. Just let me know