Shopify themes, liquid, logos, and UX
Hello! I'm creating my first online store, and I needed help creating this button. I used this code below but it makes the text appear to the right of the icon and then misaligns everything. Can you help me? Thanks
.header__icon--cart:after {
content: "Itens";
position: relative;
font-size: 14px;
}
Preview link: https://umhw5c-2w.myshopify.com/?_ab=0&_fd=0&_sc=1
Pass: mahpor
If you're adding "Itens" using :after, it can mess up alignment because it's just tacked on with no layout control. One trick is using flexbox on the cart icon wrapper to fix that — quick and clean.
I've handled this for a few store owners before. There’s a better way to keep everything aligned depending on your theme setup. If you're open to it, I can take a closer look and walk you through what would work best. Just shoot me a message.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025