My search bar is not showing on mobile

[AngelTempo]

Hi Team,

I realized recently that the search bar is not showing when our website is visited on mobile. Desktop version appears correctly. The extended white below our logo is where the search bar should appear once clicked, but it doesn't show at all. Our website is jarhub.com.au

I know that it might be a complicated issue, but any suggestions will be appreciated.

Thanks heaps!

[DaisyVo]

HI @AngelTempo 

I checked your website, even on desktop I don't see the search bar
Please check again

[suyash1]

@AngelTempo please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

@media screen and (max-width: 640px) {
.header__search-bar-wrapper {visibility: visible;}
.search-bar {opacity: 1;}
.search-bar__top-wrapper {display: block;}
.header__search-bar-wrapper {bottom: -60px;}
}