Mobile Logo Position

Topic summary

Issue: On mobile, the store’s logo isn’t appearing and appears left-aligned when it does. A custom CSS snippet targeting h1.header__heading within a max-width: 767px media query (margin-left: 125px) only affects the home page; other pages still don’t show the logo.

Details: The user shared the exact CSS and noted it works on the homepage but not elsewhere. No images or attachments; code snippet is central to understanding the issue.

Next steps: A responder requested the store URL for diagnosis. The URL (www.labubu123.myshopify.com) was provided with no password.

Status: No fix proposed yet; troubleshooting is pending after URL sharing. Discussion remains open.

Summarized with AI on December 12. AI used: gpt-5.

Hi there,

I am having difficulty adjusting the position of my logo for the mobile version. Currently my mobile logo is positioned left. However, the logo is not appearing. I then included this code but it is only working for my home page. All the other pages are still not showing the logo.

@media screen and (max-width: 767px){ h1.header__heading { margin-left: 125px; } }

Would kindly appreciate any tips on how to fix this. Thank you.

Hello,
Please share “Store URL”
Thanks!

www.labubu123.myshopify.com (no password)

Thank you.