Re: Header Texts & Icons

Solved

Header Texts & Icons

middlebeats
Shopify Partner
19 0 6

I need to change the account and cart text to icons, and remove the flags from the currency selector. I'm using the Monaco theme

Online Store: www.fatatjewellery.com

Password: fatat

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
10154 2018 2081

This is an accepted solution.

Hi @middlebeats 

Please add this code to the theme.liquif file, after <head> 

 

 

<style>
.icon-account, .icon-cart { display: block !important; }
.disclosure .currency-country,
.header__account span.header__icon-name, .header__cart span.cart-text { display: none !important; }
</style>

 

 

Screenshot 2024-08-15 at 15.12.16.png

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Dan-From-Ryviu
Shopify Partner
10154 2018 2081

This is an accepted solution.

Code updated

<style>
[data-scheme=light] .header #HeaderCountryList { background: #0E0839 !important; }
.header__localization { width: 50px; }
.icon-account, .icon-cart { display: block !important; }
.disclosure .currency-country,
.header__account span.header__icon-name, .header__cart span.cart-text { display: none !important; }
</style>

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 8 (8)

Sangeetanahar
Trailblazer
556 36 66

Hello @middlebeats 

1.Go to online store
2.opne themes
3.actions
4.edit code
5.open assets
6.open base.css
add the code bottom of the file
 

 

.currency-flag {
    display: none !important;
}

 

result will be

Fatat-Jewellery.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here
middlebeats
Shopify Partner
19 0 6

Can we remove the text and display only the flag? Also, can you help with the account and cart icons?

Dan-From-Ryviu
Shopify Partner
10154 2018 2081

This is an accepted solution.

Hi @middlebeats 

Please add this code to the theme.liquif file, after <head> 

 

 

<style>
.icon-account, .icon-cart { display: block !important; }
.disclosure .currency-country,
.header__account span.header__icon-name, .header__cart span.cart-text { display: none !important; }
</style>

 

 

Screenshot 2024-08-15 at 15.12.16.png

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

middlebeats
Shopify Partner
19 0 6

It works, but is there a way to remove the space between the flag and a icons? Additionally, when clicking on the flag, a white menu appears—I'd like to fix that as well.

 

Screenshot 2024-08-15 at 11.38.17 AM.pngScreenshot 2024-08-15 at 11.38.25 AM.png

Dan-From-Ryviu
Shopify Partner
10154 2018 2081

This is an accepted solution.

Code updated

<style>
[data-scheme=light] .header #HeaderCountryList { background: #0E0839 !important; }
.header__localization { width: 50px; }
.icon-account, .icon-cart { display: block !important; }
.disclosure .currency-country,
.header__account span.header__icon-name, .header__cart span.cart-text { display: none !important; }
</style>

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

middlebeats
Shopify Partner
19 0 6

Done!, Thank you so much

Dan-From-Ryviu
Shopify Partner
10154 2018 2081

Very welcome! 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

middlebeats
Shopify Partner
19 0 6

Last question how can I center the menu and icons? 

 

Screenshot 2024-08-15 at 12.52.37 PM.png