Why is the search bar not visible on mobile for my website?

Store Design
1

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

Gunay_Zort_0-1627475196328.png
Gunay_Zort_0-1627475196328.png1391×889 187 KB

Gunay_Zort_1-1627475233208.png
Gunay_Zort_1-1627475233208.png407×675 195 KB

Gunay_Zort_2-1627475315236.png
Gunay_Zort_2-1627475315236.png398×627 206 KB

2

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!

oscprofessional_1-1627477525826.png
oscprofessional_1-1627477525826.png929×824 155 KB

3

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;
}
}
1 Like
4

Hi Pallavi,

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

Regards,

Gounay

1 Like
5

Hi oscprofessional,

Thanks for your response.

Regards,

Gounay

6

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.

1 Like
7

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