Moving logo to the left side

Topic summary

A user needed help moving their store logo to the left side on mobile view for their Shopify store.

Solution provided:

  • Navigate to Online Store → Customize → Settings → Custom CSS
  • Add CSS media query targeting screens up to 768px width
  • Apply justify-content: flex-start to the logo element
  • Hide a specific width class with display: none

Outcome:
The issue was resolved successfully with the provided CSS code snippet. The discussion is closed with the original poster confirming the solution worked.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.

Hi,

Can someone assist me with moving the logo to the left side of the screen in mobile view.
store link: https://www.nutravalid.com/

Thank you

Go to your online store → customize → settings → custom css and paste this code there

@media only screen and (max-width: 768px) {
    span.m-menu-button.m\:flex.m\:flex-1.m\:w-3\/12 {
        display: none;
    }
    .m-logo {
        justify-content: flex-start;
    }
}

1 Like

Legend - Thank you

1 Like

Thanks for the kind words :slightly_smiling_face: