Hello,
How do I add more space between the header icons? The space between Account and Cart is too close together. The theme I am using is the Canopy Version 5.0.
I currently have the Custom CSS code below in the theme editor in the header section, but it only provides a tiny amount of space.
.toolbar-account {
width: auto;
}
Appreciate any help!
Hello @Tjl ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → base.css file or theme.scss.liquid file
Add this following code at the bottom of page
.header-icon {
margin-right: 10px;
}
Save and preview
Hope this can help.
Transcy
Hi @Tjl could you share your store URL?
Hello @Tjl
Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.
Hi, the theme is currently hidden but here is the preview link. https://jx0ij3fkus5g96kn-2142344.shopifypreview.com
Hi, the theme is currently hidden but here is the preview link. https://jx0ij3fkus5g96kn-2142344.shopifypreview.com
Thank you!
Unfortunately I do not have those in the asset folder. Attached are the ones I do have. I tried uploading it in styles.css.liquid and it did not work.
Hi, the theme is currently hidden but here is the preview link. https://jx0ij3fkus5g96kn-2142344.shopifypreview.com
Thank you!
Please add this CSS code to your style.css file
#shopify-section-header .toolbar-account { margin-right: 8px; }
Hello @Tjl
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->styles.css>Add this code at the bottom.
a.toolbar-account {
margin-left: 10px;
}
Hello, thank you so much for helping. The issue is now resolved.
Update: This worked when I added it to the Custom CSS in the theme editor. Thank you so much! I appreciate your help!