Reposition site logo in header image

Premium Theme Support › Themes by bavotasan.com › Arcade

• Author
  Posts
• April 28, 2018 at 7:52 pm #129589
  bnjewell

  Member

  I’d like to move my site logo in the header image so that it’s not sitting square in the center. Probably want to move it to the left side of the photo. Is there some CSS code I can use for that?

  Thanks!

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

  April 30, 2018 at 2:17 pm #129628
  bandicootmarketing

  Theme Author

  Hi Brian! Thanks so much for using Arcade – and sorry for the delayed reply!

  To move the site logo to the left, add the below to your custom CSS (update the number “100” up or down to move it left or right):

  .only-on-home.no-fittext #site-logo {

  margin-left: 100px;
  }

  Try that and let me know if it works!

  April 30, 2018 at 4:38 pm #129657
  bnjewell

  Member

  Original poster

  Perfect — thanks!

  April 30, 2018 at 5:32 pm #129658
  bnjewell

  Member

  Original poster

  Ok, I’m back. That solution works well for desktop view, but it causes problems on mobile. It looks like it stops the header image from resizing on a phone. Any ideas?

  Thanks,
  Brian

• The topic ‘Reposition site logo in header image’ is closed to new replies.