Move logo to the right side of the page

• 

  disappearingplanet · Member · Sep 14, 2014 at 7:30 pm

  • Copy link
  • Add topic to favorites

  I added a logo to my header, but it has pushed everything down my page. I want the logo to be at the same vertical position as the site title and tagline, only all the way to the right. Can anyone help me with the CSS code that can do this?

  The website is disappearingelephants.com.

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

• 

  thesacredpath · Member · Sep 14, 2014 at 7:56 pm

  • Copy link

  Hi there, give this a try. I moved the title and description up a little so that it aligns with the bottom of the image on the right.

  #masthead hgroup {
      height: auto;
      width: 100%;
  }
  .site-title, .site-description {
      position: relative;
      top: -70px;
      width: 50%;
  }

• 

  disappearingplanet · Member · Sep 14, 2014 at 8:55 pm

  • Copy link

  Thanks for the help. It didn’t do exactly what I wanted, but it helped with something I had given up on a while ago (masthead width!).

  I found another way to show the logo through a widget that allowed me to place it on the right without any CSS code, but it’s good to know for the future.

  Thanks again!

• 

  thesacredpath · Member · Sep 14, 2014 at 8:57 pm

  • Copy link

  You are welcome and it looks very good the way you have it.

• 

  disappearingplanet · Member · Sep 14, 2014 at 9:06 pm

  • Copy link

  Thanks! Glad you like it!