location of logo in header

• 

  imjustjasonlee · Member · Apr 16, 2017 at 4:49 pm

  • Copy link
  • Add topic to favorites

  Hi, I’d like to put my logo to the left of my site name in the header. How do i
  do that? http://www.miindfood.com

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

• 

  kathrynwp · Staff · Apr 17, 2017 at 8:16 pm

  • Copy link

  The first step to adding a logo is to upload it through your Customizer‘s Site Identity panel.

  After you do that, let us know and we can shift its position with custom CSS.

  The basic code to reposition it to the left is something like:

  .site-logo-link {
    float: left;
  }

  We can make finer adjustments once we see the shape and size of the logo on your site.

• 

  kathrynwp · Staff · Apr 17, 2017 at 8:18 pm

  • Copy link

  p.s. we’ll also probably want to restrict the change to larger screens by wrapping a media query around the float, so smaller screens still display the logo above the Site Title, so it would be something more like:

  @media screen and (min-width: 35em) {
    .site-logo-link { float: left; }
  }