Hello,
I use the dawn theme,
I want this type of header in dawn
I tried but looking this. The extra padding are showing left and right
Please check
Best,
Sohan
Hi @Sohan2198 , Can you kindly share your store link with us? We will check it and suggest you a solution if possible.
Hello @Sohan2198 , In the Dawn Theme please check the settings to align your header and layout of the header. Please see the screenshot below.
You can make look a like your reference with add layout and changes in color scheme and some CSS changes.
Feel free to reach out if you have any questions or need assistance.
Best Regards,
Darshan Prajapati.
please check this
https://6rfeodrenjd8skd0-58506346583.shopifypreview.com
Hi @Sohan2198 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
@media screen and (min-width: 990px) {
.header__heading {
margin-left: 50px !important;
}
header.header.header--top-left.header--mobile-center.page-width.header--has-menu {
padding: 0 !important;
}
nav.header__inline-menu {
display: flex;
justify-content: center !important;
}
.header__icons {
margin-right: 50px !important;
}
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you ![]()
Thanks