Reorder header elements

• 

  whateverstate · Member · Aug 26, 2015 at 11:49 pm

  • Copy link
  • Add topic to favorites

  What css should I use to reorder the header elements? I want the <h1> TITLE at the top, then the logo under, then the tagline under that.

  I’m using Gateway theme, which currently has the logo at the top before the title.

  Thanks for the help!

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

• 

  ehtis · Staff · Aug 27, 2015 at 7:05 am

  • Copy link

  Hi Lea,

  Give a try to this code:

  .site-title {
      margin-top: -220px;
  }
  .site-logo {
      margin-top: 90px;
  }
  
  @media only screen and (min-width: 50em)
  .hero-section {
      margin-top: 70px;
  }
  .hero-section {
      margin-top: 140px;
  }

  Should center the logo between the title and tagline.

• 

  ehtis · Staff · Aug 27, 2015 at 7:08 am

  • Copy link

  Apologies, I missed a few braces. Please use this code:

  .site-title {
      margin-top: -220px;
  }
  .site-logo {
      margin-top: 90px;
  }
  
  @media only screen and (min-width: 50em) {
  .hero-section {
      margin-top: 70px;
      }
  }
  
  .hero-section {
      margin-top: 140px;
  }

• 

  whateverstate · Member · Aug 27, 2015 at 7:44 pm

  • Copy link

  Great! Just what I needed! Thank you so much!