Missing search button on mobile

[PetrMachacek]

Dear Shopify experts,

I would like to ask if you know a way how to resolve following issue.

My eshop www.doramu.cz has search icon when browsing on the PC. However when I open the page on mobile the search icon is missing. I assume it would not fit, but can I make icons at the same time smaller?

Thanks,

Petr

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

a.Header__Icon.Icon-Wrapper.hidden-phone.Icon-Wrapper--clickable {
display: inline-block !important
}

[KetanKumar · Accepted solution]

@PetrMachacek 

sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 640px) {
a.Header__Icon.Icon-Wrapper.hidden-phone.Icon-Wrapper--clickable {
    display: inline-block !important;
}
}

[Zworthkey]

@PetrMachacek 
1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

a.Header__Icon.Icon-Wrapper.hidden-phone.Icon-Wrapper--clickable {
    display: inline-block !important;
}

[BinalSavani]

Hello @PetrMachacek!

Hope you are doing well.

Please add the below code in the theme.css theme file at the bottom to make it work as you need:

@media screen and (max-width: 640px){
.hidden-phone {
    display: block !important;
}
span.hidden-phone {
    display: none !important;
}
}

Hope this will help you out.

[PetrMachacek]

Amazing worked like charm 😄

[KetanKumar]

@PetrMachacek 

its my pleasure to help us