Icon and Search Icons MISSING on Desktop - Debut Theme

Solved
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

 

0 Likes
dmwwebartisan
Shopify Partner
8543 2001 2693

@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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
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

 

0 Likes
VertaL1fe
Tourist
10 0 1
0 Likes
Denishamakwana
Explorer
65 9 9

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;
    }
0 Likes
VertaL1fe
Tourist
10 0 1

This worked! Thanks so much!

0 Likes
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

 

0 Likes
Denishamakwana
Explorer
65 9 9
please add this code in theme.css 
.site-header__cart-count.hide.critical-hidden 
         display: inline-block !important;

 

0 Likes