Flex Nourish Theme - Search Icon not showing on Desktop

Shopify Discussion
1

Hi there,

Is anyone can help me fix this issue for search icon on Desktop, as on mobile its showing but on desktop it is not showing, i try adding few css code, but still not working. Could you please check.

Website is https://thedempseyproject.com/ theme is Flex Nourish.

Here is the screen shots:
If you check on mobile its working fine:

fourleavesdigit_0-1696308212061.png
fourleavesdigit_0-1696308212061.png1650×948 420 KB

In second screenshot is Desktop one, and if you notice on desktop its not showing the search icon.

fourleavesdigit_1-1696308268926.png
fourleavesdigit_1-1696308268926.png1727×765 346 KB

I look forward get the solution ASAP.

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Layout > style.css.css and paste this at the bottom of the file:
span.icon-caption {
display: none!important;
}
.top-bar .login, .top-bar .header-cart, .header-section .search, .navbar .icon-caption {
display: block;
}

ZestardTech_0-1696309835475.png
ZestardTech_0-1696309835475.png1879×887 387 KB

3

Thank you so much and it worked!

4

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.