Search Bar Not Working on Mobile While Device is in Portrait Mode (Warehouse theme)

Store Design
1

Hello,

I am using the warehouse theme and my search bar does not allow input while mobile device is in portrait mode (it works if phone is in landscape). Other solutions related to fixing unresponsive search bar issues on this forum have not worked so far. If I press and hold the search bar it highlights the number attached to the shopping cart instead.

Any solutions to this?

My website it hydroponicsclub.ca

1 Like
2

@AndyDR

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width: 640px){
.header__search-bar-wrapper { z-index: auto !important;}
}

Thanks!

1 Like
3

@dmwwebartisan

It worked, thank you!

Is there a way to hide my language selector while the search bar is being used? It seems as though I cannot exit the search bar and the user is stuck with a white page because the language drop down is in the way.

1 Like
4

@AndyDR

Thanks!