Logo Repositioning

• 

  michaeljyoo · Member · Dec 19, 2018 at 8:41 pm

  • Copy link
  • Add topic to favorites

  How do you move your site’s logo to the left of the title? I’m using the theme ‘The Minimal.’ I’m also very unfamiliar with the CSS and the coding and what not, but I feel that’s the only way to move the logo. Any help would be greatly appreciate. My site is called inthelightofhisword.com if that helps at all.

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

• 

  darusja · Staff · Dec 19, 2018 at 9:11 pm

  • Copy link

  Hi,
  I understand what result you expect, but even if you delete the padding (its like a buffor space around the logo), the logo will still overlap the right column in some widths, it’s just too wide. If you want to try it, here is the code you need to implement in css editor:

  .site-header {
  padding: 0;
  }

  There will be still some more space on the right, that comes from the max-width of the container of the website, I provide the code below, it will help a bit more but mind that this will influence whole website, everything is going to stretch more on wide screens and still in some withs it can overlap the right column.

  
  @media screen and (min-width: 59.6875em) .site {
  max-width: 1800px; //you can manipulate this value
  }

  However I suggest rather making the logo narrower, since the theme is not designed for that wide one.

  Good luck :)