Issues with the Header

Technical Q&A
1

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.

2

Hey @bagdonaviciusbm

Share your Store URL and Password if enabled.

Best Regards,

Moeed

3

Hello @bagdonaviciusbm
Please provide the URL of your website.

4

wildbrews.co

5

wildbrews.co

6

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
1.png1901×489 104 KB

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

7

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.

8

Please check your inbox.