Shopify themes, liquid, logos, and UX
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:
Desired outcome:
Solved! Go to the solution
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.
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.
Perfect, thank you!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025