I currently have my logo set to align left on mobile view and it is ONLY left on the home page. On ALL other pages it is centered, but yet I have it set for left for mobile logo positioning in the theme editor. I have a custom script, so maybe that is the problem? This is the script if you see any problems with it.
.header__heading-link, #shopify-section-sections--15002690191462__5bda004a-3ebf-4cbd-b81e-a8647d2a3ce4 { transition: opacity 0.5s ease; } .header__heading-link, #shopify-section-sections--15002690191462__5bda004a-3ebf-4cbd-b81e-a8647d2a3ce4 { transition: 0.5s ease;Where are you placing this CSS? It sounds like you might be placing it somewhere that is only added to the homepage instead of sitewide.
Sorry, I misunderstood the question the question a little. The code you placed doesn’t show that it would adjust the logo positioning.
This might be one of those things that might be more helpful if we see your site. Someone else might have run into this issue though.
There is no CSS for this.
You can have a look here: https://www.howahoriginals.com/
I checked on my phone and desktop in mobile view, and they both look good on all pages. When you scroll, the logo does indeed get moved to the left-hand side.
Either, I am misunderstanding the issue or it could be your browser or device.
not for me, testing on all browsers and both mobile and desktop. ONLY on home screen its left. on all others its tryign to go center but cant cause of icons, otherwise it would be centered. should be left with 15px padding-left.
1 Like
Use the following css:
a.header__heading-link.link.link–text.focus-inset {
width: 100%;
}
Excellent. forgot i had width at 150% oops, but you fixed the issue! thanks 
1 Like
Haha awesome, I am glad I could help!