Site title moves in header image depending on the device used

• 

  rosannedemas · Member · Oct 14, 2016 at 3:36 pm

  • Copy link
  • Add topic to favorites

  I would like to make sure my site/business title is still visible when customers view my site on a tablet or phone. Right now the placement works perfectly on a computer, but the name of my business moves up on the image when viewed on a smaller device. Due to the colors, the words blend into the image and aren’t readable.

  The theme I’m using is: Gateway

  The site I need help with is: https://rosannedemas.com

  Thank you!

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

• 

  hallluke · Member · Oct 15, 2016 at 2:24 pm

  • Copy link

  You can change the colour on smaller screens so it contrasts more with the background image:

  @media screen and (max-width:799px) {
    h1.site-title a {
      color: #fff;
    }
  }