• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Reply To: Header colour

Home › Community Forums › Aspire Theme Support › Header colour › Reply To: Header colour

March 22, 2019 at 2:40 am #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

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework