Icons to Words

jh08099 · ‎08-30-2024

I’m using the Aurora theme for my website. I’m wondering if it’s possible to replace icons with 'Search', 'Account', 'Cart' text on my website header? Then, on the mobile version I need to keep the icons as is.

AnneLuo · ‎08-30-2024

Hi, @jh08099

Sure. But it need to add some custom code to the theme. I can help you with it. But I need to access your store If possible.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me

Buy Me A Coffee ☕

jh08099 · ‎09-04-2024

Thanks, I've just sent you a message!

Dan-From-Ryviu · ‎08-30-2024

Hi @jh08099

You can add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code to do that

<style>
@media (min-width: 990px) {
.header__icons-right .header__icon svg { display: none; }
.header__icons-right .header__icon { width: auto; }
.header__icons-right button[data-sidebar-id="SearchSidebar"]:after {
content: 'Search';
}
.header__icons-right .header__icon--people { text-decoration: none; }
.header__icons-right .header__icon--people:after { content: 'Account'; }
.header__icons-right button[data-sidebar-id="CartDrawer"]:after { content: 'Cart'; }
}
</style>

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Icons to Words

Icons to Words

Buy Me A Coffee ☕

Community Blog Articles