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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.

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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.

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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.

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