misty lake background disappears on phones

• 

  hcv4c · Member · Jul 24, 2014 at 3:33 pm

  • Copy link
  • Add topic to favorites

  We are using Misty Lake and changed our background to a dark green. Conveniently the title changed to white automatically, which was great. The problem is with the responsive settings on these items; the background disappears, but the title remains white, so is now completely unreadable. This seems a little bit buggy to us, to lose our background color like that, but even if we MUST lose it, we would then need our title to go to something dark. Happy to add some custom CSS, just having a hard time coming up with something that works.

  The blog I need help with is: (visible only to logged in users)

• 

  jeremeylduvall · Member · Jul 24, 2014 at 5:43 pm

  • Copy link

  Hi there,

  That is a bit buggy. I’m going to do some experimenting and report it to our theme developers so they can take a look. In the meantime, you can use the following CSS:

  @media only screen (max-width: 600px) {
  	h1.site-title a {
  		color: #000;
  	}
  	h2.site-description {
  	color: #000;
  }
  }

  Just input that under Appearance -> Customize -> CSS. It should only affect screen sizes 600px and lower, which means just phones as the tablet view looks correct on my side.

  Let me know if it doesn’t work for you!