All things Shopify and commerce
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.
Solved! Go to the solution
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 😊
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
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
.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
Let me know if this works or not if not I can send you the screenshots
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.
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.
i want my header exactly look like this
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 😊
Thankyou😊
Pleasure is all mine 😊
Hey can you please help me on the header?🥲I'm not able to make it properly and also have one doubt
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
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025