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

Solved

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

GeeKyuu24
Pathfinder
108 3 13

Hi Team. 

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

STORE: Glowcare.se
PS: Glowcare1991

234.PNG

Accepted Solutions (2)

VIEKIN
Shopify Partner
666 79 94

This is an accepted solution.

Hi,

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

JosephK_0-1696429236406.png

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513

View solution in original post

topnewyork
Navigator
310 35 47

This is an accepted solution.

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 </body> tag

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

topnewyork_0-1696429454998.png

 

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

View solution in original post

Replies 2 (2)

VIEKIN
Shopify Partner
666 79 94

This is an accepted solution.

Hi,

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

JosephK_0-1696429236406.png

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513

topnewyork
Navigator
310 35 47

This is an accepted solution.

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 </body> tag

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

topnewyork_0-1696429454998.png

 

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel