Putting logo next to header?

• 

  interestsassemble · Member · Sep 1, 2016 at 2:50 am

  • Copy link
  • Add topic to favorites

  Hi, currently on my blog it defaults to put the logo above the header rather than next to it. Is it possible to put the logo just to the left of the header instead?

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

• 

  interestsassemble · Member · Sep 1, 2016 at 2:57 am

  • Copy link

  Presumably I would want to make the logo the same size as the heading as well. I’m trying a few different suggestions from similar problems but they don’t seem to change anything. :/ Gotta look into this more.

• 

  thesacredpath · Member · Sep 1, 2016 at 7:55 pm

  • Copy link

  Hi there, looking at your site, I think it is best for us to let things to back to the existing design on 500px and narrower screens/windows due to interference with the touch device menu icon by using a Media Query. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and then see what you think. Make sure and view things on a phone and tablet, if you have one to make sure nothing has gone awry. In my testing, all looks good though.

  @media screen and (min-width: 500px) {
    .site-title {
      display: inline-block;
      position: relative;
      top: -53px
    }
    .site-description {
      position: relative;
      left: 84px;
      top: -55px;
    }
    .header .section-inner {
      height: 75px;
    }
  }