Header icons to the right side of the header only on desktop version (Dawn Theme)

Solved

Header icons to the right side of the header only on desktop version (Dawn Theme)

bellevo
Explorer
82 0 23

Hey, is there a way to move the header icons (Search, Account and cart) to the right side of the header? Also if possible to add a little padding between the icons, I will add an example picture below. I would appreciate any help with this!

My store url: https://bellevodesign.com/

 

Picture of the issue: Screenshot 2024-06-19 200205.png

 

Desired outcome: Screenshot 2024-06-19 200353.png

Accepted Solution (1)

nvchien
Shopify Partner
55 23 13

This is an accepted solution.

Hi @bellevo,

 

You can go to Themes -> Edit code -> find "base.css" and add the below code to bottom:

 

.section-header .header {
    width: 100% !important;
    max-width: initial !important;
}

.header__icons {
    column-gap: 5px; /* Can Adjust by Yourself */
}

 

Hope this helps.

- If this solution helped you out, please consider accepting it as a solution and giving it a thumbs-up. Your feedback is valuable to me and the community!
- If you're feeling extra generous, you can always buy me a coffee . Your support helps fuel my Shopify knowledge and keeps the solutions flowing!
- You can also follow more tips and tricks from my blog.

View solution in original post

Replies 2 (2)

nvchien
Shopify Partner
55 23 13

This is an accepted solution.

Hi @bellevo,

 

You can go to Themes -> Edit code -> find "base.css" and add the below code to bottom:

 

.section-header .header {
    width: 100% !important;
    max-width: initial !important;
}

.header__icons {
    column-gap: 5px; /* Can Adjust by Yourself */
}

 

Hope this helps.

- If this solution helped you out, please consider accepting it as a solution and giving it a thumbs-up. Your feedback is valuable to me and the community!
- If you're feeling extra generous, you can always buy me a coffee . Your support helps fuel my Shopify knowledge and keeps the solutions flowing!
- You can also follow more tips and tricks from my blog.
bellevo
Explorer
82 0 23

Perfect, thank you!