How can I shift the header logo to the left in Studio Theme?

Store Design
, , , , ,

Topic summary

A user seeks help moving their header logo to the left on their Shopify store (Glowcare.se) using the Studio Theme.

Solutions Proposed:

  • Option 1: Adjust the site width settings in the Dawn theme (note: this may not directly apply to Studio Theme)

  • Option 2: Add custom CSS code to either theme.liquid or base.css file:

    • Navigate to Online Store → Edit Code
    • Locate the appropriate file
    • Insert CSS targeting header elements with properties for margin and padding set to 0
    • Place code above the </body> tag

Note: The discussion includes image references showing the current header layout and proposed changes, which are essential for understanding the visual adjustments needed. The conversation remains open with no confirmation of whether either solution successfully resolved the issue.

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

Hi Team.

How to move the logo of my header to the left?

STORE: Glowcare.se
PS: Glowcare1991

234.PNG
234.PNG1918×843 194 KB

2

Hi,

To solved, you need change width of site, so on Dawn theme you can change width here:

JosephK_0-1696429236406.png
JosephK_0-1696429236406.png720×770 31.9 KB

3

Hi @GeeKyuu24

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag

header.header.header--middle-left.header--mobile-center.page-width.header--has-menu {
    margin: 0;
    padding: 0;
}

topnewyork_0-1696429454998.png
topnewyork_0-1696429454998.png1347×307 90 KB