Issues with the Header

Solved

Issues with the Header

bagdonaviciusbm
New Member
12 0 0

I recently made changes to my theme and have encountered some issues.

 

Firstly, the cart icon is not visible on mobile devices. Although the Shopify theme editor shows the icon, it appears invisible when I check it on my phone. I can click on the area where the icon should be, and the cart drawer pops up, but the icon itself is missing.

 

Secondly, the search icon is missing on PC. I'm not sure if it's supposed to be like this, but I can't find any settings to change it. The icon is not visible in the Shopify theme editor either, unlike the mobile issue where it shows up but is invisible.

 

I would appreciate any help in resolving these issues.

 

Thank you in advance.

Accepted Solution (1)
GTLOfficial
Shopify Expert
250 46 48

This is an accepted solution.

Please check your inbox.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
4309 1106 1354

Hey @bagdonaviciusbm 

 

Share your Store URL and Password if enabled.

 

Best Regards,

Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
bagdonaviciusbm
New Member
12 0 0

wildbrews.co

GTLOfficial
Shopify Expert
250 46 48

Hello @bagdonaviciusbm 
Please provide the URL of your website.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
bagdonaviciusbm
New Member
12 0 0

wildbrews.co

GTLOfficial
Shopify Expert
250 46 48

Hello @bagdonaviciusbm 
Go to online store ---------> themes --------------> actions ------> edit code-------> theme.CSS
and add this code at the very end of your file.

@media screen and (min-width: 990px) {
.header--top-center * > .header__search {
display: block;
}
}

 

and at desktop you will get the search icon.

1.png

 

I can see the cart icon in my phone, please let em know which phone you are using, so that i can check.
If this was helpful, hit the like button and mark the job as completed.
Thanks

 

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
bagdonaviciusbm
New Member
12 0 0

I have installed the code, however, nothing has change apart from the fact that on desktop, the cat icon is now miniature for me.

I tried checking on the iPhone 11 and iPhone 13 Mini.

GTLOfficial
Shopify Expert
250 46 48

This is an accepted solution.

Please check your inbox.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh