moving logo to a different location

• 

  kampaninipot · Member · Apr 5, 2016 at 9:53 pm

  • Copy link
  • Add topic to favorites

  Need help in moving logo to a different location

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

• 

  charliescheer · Member · Apr 5, 2016 at 11:28 pm

  • Copy link

  Hello,

  If you want to move your logo try adding this to your CSS Customization page.

  @media screen and (min-width: 900px) {
  .site-branding img{
  position: absolute;
  left: 10px;
  top: 10px;
  }

  You can change around the “10px” to what ever value in pixels you would like, and it will put your logo there.

  Hope this helps, let me know if you have any questions

• 

  kampaninipot · Member · Apr 6, 2016 at 12:28 am

  • Copy link

  Hi there!
  It moved the logo to the top left corner, however the header reduced in size.
  The preview looked great but once I saved it changed the layout of the page.

• 

  charliescheer · Member · Apr 6, 2016 at 3:57 am

  • Copy link

  Thats very odd. When I add that code to your site, the header doesn’t change size. Try this instead. Should target the logo more directly.

  @media screen and (min-width: 31.25 em) {
  .site-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  }
  }

  Hope this works better.

• 

  thesacredpath · Member · Apr 7, 2016 at 8:15 pm

  • Copy link

  @kampaninipot, can you let us know where you wish the logo to be and then we can work on getting that accomplished for you?