Header Layout

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.

@BSSCommerce-HDL

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 :heart_eyes:

Thanks