Reposition site logo in header image
- The topic ‘Reposition site logo in header image’ is closed to new replies.
Need help? Check out our Support site, then
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)
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!
Perfect — thanks!
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