Search bar not appearing on mobile

[Gunay_Zort]

Hi,

I realized recently that the search bar is not showing when our website is visited on mobile. Desktop version appears correctly. I have attached below the images of desktop, mobile and expected mobile versions of our website. The third image is from the woo commerce version of our website where the search bar appears correctly. Also, I realized that the currency selector we have appears a bit higher than it should and it makes it more difficult for mobile customers to view the account page. Our website URL is www.youthandearth.com. I know that it might be a complicated issue, but any suggestions will be appreciated.

Regards,

Gounay

[oscprofessional]

Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!

I have gone through your store , you can set your currency in the left site. like this i have shared screenshot.

also your search icon is hided for mobile view!

[ZestardTech · Accepted solution]

Hello There,

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

@media screen and (max-width: 991px) and (min-width: 750px) {
.site-header__icons-wrapper .site-header__search-toggle {
padding: 5px 15px !important;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 749px){
.site-header__icons-wrapper .site-header__search-toggle {
display: block;
position: absolute;
left: 13px;
top: 11px;
}
}

[Gunay_Zort]

Hi Pallavi,

Thanks for your response and help. The currency switcher is working perfectly now.

Regards,

Gounay

[Gunay_Zort]

Hi oscprofessional,

Thanks for your response.

Regards,

Gounay

[ZestardTech]

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.

[INVISION1]

Same problem, no solution worked for me. Is there someone that could help me?