Moving logo to the left side

Store Design
, , , , , , , ,

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.
1

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

nutravalid_with_sys.png
nutravalid_with_sys.png479×617 119 KB

2

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;
    }
}

AsadMahmood_0-1722803284100.png
AsadMahmood_0-1722803284100.png316×624 93.9 KB

1 Like
3

Legend - Thank you

1 Like
4

Thanks for the kind words :slightly_smiling_face: