Moving Title Text within Header Image

• 

  wanderingceliac · Member · Aug 3, 2016 at 12:32 am

  • Copy link
  • Add topic to favorites

  I am trying to adjust my title text up so that it fits into a specific part of my header image. I was given code to move the text up, but the adjustments do not come out right on the mobile versions. Is there a way to remedy this?

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

• 

  thesacredpath · Member · Aug 3, 2016 at 2:45 am

  • Copy link

  Hi there, remove this from your custom CSS

  .header-wrapper {
      bottom: 450px;
  }

  and replace it with the following and see what you think.

  .header-wrapper {
      bottom: auto;
  }
  h1.site-title {
      margin-top: 0;
  }
  @media screen and (min-width: 481px) {
  .header-wrapper {
  top: 40px;
  }

• 

  wanderingceliac · Member · Aug 3, 2016 at 9:34 am

  • Copy link

  Thank you! That is much better. The text does now appear in the mobile sites. It is a bit larger, but does appear on the screen which it didn’t before. Thank you very much!

• 

  thesacredpath · Member · Aug 3, 2016 at 7:45 pm

  • Copy link

  You are welcome.