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

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

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.

Perfect, thank you!

1 Like