Solved

Icon and Search Icons MISSING on Desktop - Debut Theme

VertaL1fe
Tourist
10 0 1

Hi,

My Icon and Search Icons are missing on desktop and Ive been told that is has something to do with the theme code potentially.

 

Could you please help?

URL: vertalife.com

 

VertaL1fe_0-1627970721282.png

 

Accepted Solution (1)

Denishamakwana
Shopify Partner
1408 173 231

This is an accepted solution.

your icons are already there but color code is #fff. so, it's not visible.
please add this code in theme.css .
@media only screen and ( min-width: 750px ) {
   .site-header__icon .icon-search { 
          color: #000;
    }
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

View solution in original post

Replies 7 (7)

dmwwebartisan
Shopify Partner
12280 2546 3693

@VertaL1fe 

 Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 750px){
.icon-search { color: #404040 !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
VertaL1fe
Tourist
10 0 1

 

Hi there,

That made the search bar come up, but not he cart Icon. 

The cart notification is showing but nothing else. 

VertaL1fe_0-1627971185876.png

 

VertaL1fe
Tourist
10 0 1

Denishamakwana
Shopify Partner
1408 173 231

This is an accepted solution.

your icons are already there but color code is #fff. so, it's not visible.
please add this code in theme.css .
@media only screen and ( min-width: 750px ) {
   .site-header__icon .icon-search { 
          color: #000;
    }
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
VertaL1fe
Tourist
10 0 1

This worked! Thanks so much!

VertaL1fe
Tourist
10 0 1

@Denishamakwana @dmwwebartisan 

 

Other question I have is.... why is it when I click add to cart on both desktop and mobile the notification doesnt come up, but its only once I refresh the page or actual go into the cart that the blue notification pops up.  I want to change it so that the notification appears in real time

 

VertaL1fe_0-1627972537072.pngVertaL1fe_1-1627972560312.png

 

Denishamakwana
Shopify Partner
1408 173 231
please add this code in theme.css 
.site-header__cart-count.hide.critical-hidden 
         display: inline-block !important;

 

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme