How to change header position

Solved

How to change header position

amisha-29
Shopify Partner
51 1 10

riya298_0-1744123261621.png

In my dawn theme my header look like this I want my header according to this image below. Can somebody give me the proper code for this so that it just look same and also doesn't effect the Desktop menu style position.

riya298_1-1744123311047.png

 

Accepted Solution (1)
AquaCreator
Shopify Partner
19 1 4

This is an accepted solution.

The width of your website 1600px is not optimised width small screen laptops such as chrome books, 12” inches screen shows your website content not properly. I would recommend to change it to 1200px for optimisation and and everything after automatic will set how you wanted 

 

if I solve your issue regarding padding space of your header I would request you to please hit on the button found your solution from me 😊

Aakash Ranpara
Former Senior Developer / Owner / CieLava / DesignGeine
London, United Kingdom
designgeine.pro
View profile →

View solution in original post

Replies 11 (11)

AquaCreator
Shopify Partner
19 1 4

Go to online store setting and turn one the option make it full width and you can set max width to 1600 px I guess. In general select 1200 px and margins should set to 0 px. 

hope this helps

Aakash Ranpara
Former Senior Developer / Owner / CieLava / DesignGeine
London, United Kingdom
designgeine.pro
View profile →
amisha-29
Shopify Partner
51 1 10

No it's not working if i do this my other styles like top-left, top-center got affected and creating a lots of issue. if possible please give another proper solution

AquaCreator
Shopify Partner
19 1 4

.page-width{
max-width: 1200px;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
}

 

copy and paste above code on your online store > theme setting > css code

Aakash Ranpara
Former Senior Developer / Owner / CieLava / DesignGeine
London, United Kingdom
designgeine.pro
View profile →
AquaCreator
Shopify Partner
19 1 4

Let me know if this works or not if not I can send you the screenshots 

Aakash Ranpara
Former Senior Developer / Owner / CieLava / DesignGeine
London, United Kingdom
designgeine.pro
View profile →
amisha-29
Shopify Partner
51 1 10

Hey it is working fine and doesn't effect my other styles also😊 but one thing i want to know I gave max-width:1600px as you can see in the image. 

riya298_0-1744136929668.png  But according to my reference website my logo is in left corner, menu in the center and other icons are in the right corner. How can i do this so that it doesn't effect my styles like top-left, top-center and all. Please help me in this also I attached the image below for the better understanding.

riya298_1-1744137077718.png

i want my header exactly look like this

 

AquaCreator
Shopify Partner
19 1 4

This is an accepted solution.

The width of your website 1600px is not optimised width small screen laptops such as chrome books, 12” inches screen shows your website content not properly. I would recommend to change it to 1200px for optimisation and and everything after automatic will set how you wanted 

 

if I solve your issue regarding padding space of your header I would request you to please hit on the button found your solution from me 😊

Aakash Ranpara
Former Senior Developer / Owner / CieLava / DesignGeine
London, United Kingdom
designgeine.pro
View profile →
amisha-29
Shopify Partner
51 1 10

Thankyou😊

AquaCreator
Shopify Partner
19 1 4

Pleasure is all mine 😊

Aakash Ranpara
Former Senior Developer / Owner / CieLava / DesignGeine
London, United Kingdom
designgeine.pro
View profile →
AquaCreator
Shopify Partner
19 1 4
Happy to help. Thank for your feedback
Aakash Ranpara
Former Senior Developer / Owner / CieLava / DesignGeine
London, United Kingdom
designgeine.pro
View profile →
amisha-29
Shopify Partner
51 1 10

Hey can you please help me on the header?🥲I'm not able to make it properly and also have one doubt

AquaCreator
Shopify Partner
19 1 4

Go on the setting and change the width of your layout. If your user issue still not sort out msg me privately and I will look into it. 
thanks 

Aakash Ranpara
Former Senior Developer / Owner / CieLava / DesignGeine
London, United Kingdom
designgeine.pro
View profile →