Home › Forums › Support › Centering sticky logo on mobile This topic has 7 replies, 3 voices, and was last updated 5 years, 9 months ago by Tom. Viewing 8 posts - 1 through 8 (of 8 total) Author Posts June 11, 2018 at 12:59 pm #597605 Pearson Hi, I have been spinning my wheels on this. When collapsed down the header logo does not center correctly, any idea why? Thanks in advance! June 11, 2018 at 1:51 pm #597628 DavidStaff Customer Support Hi there, you have CSS for absolute for positioning the logo. The left: 43% field is knocking it out of alignment on mobile. Try this instead of that: .main-navigation .site-logo.navigation-logo { position: absolute; top: 5%; } @media (min-width: 768px) { .main-navigation .site-logo.navigation-logo { left: 43%; } } June 11, 2018 at 1:55 pm #597629 Pearson Hey David, Thanks for replying so quick. I replaced what I had with your code, not sure if it did the trick, still looks a bit off, hrmm. How does it look for you? Thanks, Pearson June 11, 2018 at 1:59 pm #597630 DavidStaff Customer Support Hi Pearson, do you have any caches in place? I can still see the old code in play. June 11, 2018 at 2:13 pm #597633 Pearson Hi David, Not that I know of. I updated the link in the original post to show the stylesheet. Your code I added at the bottom. Thanks, Pearson June 11, 2018 at 8:19 pm #597839 TomLead Developer Lead Developer This CSS still exists inside the Simple CSS plugin: .main-navigation .site-logo.navigation-logo { position: absolute; left: 43%; top: 5%; } Best to remove it completely, then add the code David gave you in your child theme (or Simple CSS). June 12, 2018 at 8:21 am #598345 Pearson Thanks David and Tom! Apologies for having lame CSS kicking around where it shouldn’t. June 12, 2018 at 8:27 am #598349 TomLead Developer Lead Developer Glad we could help 🙂 Author Posts Viewing 8 posts - 1 through 8 (of 8 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In