Re: 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

bonealondon
Visitor
2 0 2

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

Replies 5 (5)

Kyle_liu
Shopify Partner
275 38 50

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
Shopify Partner
10220 2032 2102

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
Visitor
2 0 2

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

This is my online Link!

Dan-From-Ryviu
Shopify Partner
10220 2032 2102

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
Shopify Partner
10220 2032 2102

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.