Premium Theme Support › Themes by bavotasan.com › Arcade

Reposition site logo in header image

• 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 godmoneyme.com.

  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

  Perfect — thanks!

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

  Member

  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

• Author
  Posts

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