How can I change the location of my site's logo?

• 

  kelsoncommunity · Member · Jul 22, 2016 at 10:49 am

  • Copy link
  • Add topic to favorites

  At present my website’s logo is sitting above my site’s title. I’m really hoping to move things around so that it sits to the left in line with the title instead of above it. Can anyone tell me how to do this?

  Thanks in advance!

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

• 

  thesacredpath · Member · Jul 22, 2016 at 9:00 pm

  • Copy link

  Hi there, you can give the following a try. I’ve had to use a couple of Media Queries to control things. Make sure and check all this on phone and tablet, and widen and narrow your browser window and scroll around to make sure I didn’t miss anything and let me know.

  @media screen and (min-width: 1100px) {
    .sticky-wrapper.sticking .site-title {
      padding-left: 100px;
    }
  }
  @media screen and (min-width: 900px) {
    .site-title {
      background: url("https://kelsonconz.files.wordpress.com/2016/07/cropped-new-logo11.png") no-repeat scroll 0 0 / contain;
      padding-left: 210px;
    }
    .custom-logo-link {
      display: none;
    }
  }