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 & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Icons to Words

Icons to Words

Buy Me A Coffee ☕

Community Blog Articles