How to change the search and cart icon to text 'SEARCH' in menu bar

bonealondon · ‎10-10-2024

I want the search icon on my shopify store to be the text 'SEARCH'

And the cart icon as text 'CART' - also when something is in the cart show (1) or (2)

thank you

Kyle_liu · ‎10-10-2024

Hi @bonealondon

Share your online link.

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

Dan-From-Ryviu · ‎10-11-2024

Hi @Zianobolu001

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

.header--root { position: fixed !important; width: 100%; }

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.

bonealondon · ‎10-11-2024

https://473f47-4f.myshopify.com/

This is my online Link!

Dan-From-Ryviu · ‎10-10-2024

Hi @bonealondon

Could you share your store link so I can check?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.

Dan-From-Ryviu · ‎10-11-2024

Please add this code to Custom CSS in Online Store > Themes > Edit code > theme.liquid, after <head>

<style>
@media (min-width: 750px) {
.header__secondary-nav a[href="/search"]:before,
.header__secondary-nav a[href="/cart"]:before {
display: flex;
}
.header__secondary-nav a[href="/search"]:before {
content: 'SEARCH';
}
.header__secondary-nav a[href="/cart"]:before {
content: 'CART';
}
.header__secondary-nav a[href="/search"] svg,
.header__secondary-nav a[href="/cart"] svg{
display: none;
}
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.

How to change the search and cart icon to text 'SEARCH' in menu bar

How to change the search and cart icon to text 'SEARCH' in menu bar

Community Blog Articles