What's your biggest current challenge? Have your say in Community Polls along the right column.

Why is the cart icon not visible in the Dawn theme header?

Solved

Why is the cart icon not visible in the Dawn theme header?

Aiham
Excursionist
19 0 6

Hi, 

 

I am using the theme Dawn and I can't seem to find a solution for my cart icon missing in the header. I have tried most of the soultions in here but nothing works. I have tried looking for the display: none i base and didn't find that, I have tried adding code to theme.liquid and base and still no luck.

 

I want the cart icon to be visible at all times, empty or not. 

 

Website is: fjallochfena.se

Accepted Solution (1)
Artzen_tech
Shopify Partner
552 113 112

This is an accepted solution.

@Aiham 
Add the below CSS and see the result as per the screenshot attached.

.header__icon--search {
    display: none;
}



Artzen_tech_0-1698746637656.png


Please mark the solution accepted if it helped you.

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

View solution in original post

Replies 5 (5)

Artzen_tech
Shopify Partner
552 113 112

Hi @Aiham 
Its Artzen Technologies! We will be happy to help you today.

Go to OnlineStore-> EditCode-> Assets-> Base.css (or the file which you are using for CSS)
Add the below CSS to the CSS file.

 

.header__icons{
   display: flex!important;
}

 


Below Screenshot is the result of the CSS

Artzen_tech_1-1698746199335.png

This !important CSS property i used to override the none CSS as you cant find where to remove from.

Let me know if need further assistance
Regards,
Artzen Technologies

 

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
Aiham
Excursionist
19 0 6

Finally, thank you!! Is there a way to only show the cart icon and not the search icon?

Artzen_tech
Shopify Partner
552 113 112

This is an accepted solution.

@Aiham 
Add the below CSS and see the result as per the screenshot attached.

.header__icon--search {
    display: none;
}



Artzen_tech_0-1698746637656.png


Please mark the solution accepted if it helped you.

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
Aiham
Excursionist
19 0 6

Thank you very much! 

Scentsational
Tourist
10 0 3

Hi, could you kindly assist me. I have tried adding this code and I still can't get the basket icon to appear. My website is https://scentsationalhome.com

 

Many thanks