Lining Up Logo and Site Title

• 

  jadems123456 · Member · Apr 22, 2017 at 3:30 pm

  • Copy link
  • Add topic to favorites

  I’m new to wordpress so excuse me if this is overly simple. But is there any way to lineup my logo and site title so theyre on the same line?

  I’d like to make the text parallel to the center of the logo. Is there a CSS solution for this?

  I don’t know what to do!

  Thanks.

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

• 

  otpidusprime · Member · Apr 23, 2017 at 6:44 am

  • Copy link

  Hello @jadems123456,
  Do this,
  First bring the logo container to the vertical center:

  .site-branding {
      margin-top: 35px;
      margin-bottom: 35px;
  }

  And then, use this CSS to align the Site title and the tagline with the logo:

  .clear {
      display: inline-grid;
  }

  To just align the site title and not the tagline with the logo, use this CSS:

  h1.site-title {
      position: absolute;
      left: 100px;
      top: 60px;
  }

  Hope this helps 🙂