Mobile Navigation Bar and Search Not Working in Debut Theme

tiarasscott
New Member
2 0 0

I launched my store recently and it was brought to my attention that the navigation menu and the search bar doesn't work on my mobile site. How do I fix this? 

0 Likes
neeravmakwana
Shopify Partner
163 29 35

Hi, can you please share your store URL.

0 Likes
tiarasscott
New Member
2 0 0
0 Likes
neeravmakwana
Shopify Partner
163 29 35

Hi, can you please delete some/all of this text from your theme.scss.liquid file. I suggest deleting sections, saving and testing - one section at a time. Good luck with your store!

 

@media only screen and (max-width: 749px) {
.search-bar .predictive-search-wrapper {
border: none; } }
@media only screen and (min-width: 750px) {
.search-bar .predictive-search-wrapper {
position: absolute;
right: auto;
left: auto;
max-width: 748px; } }
@media only screen and (min-width: 750px) {
.predictive-search-wrapper {
max-height: 80vh; } }
.search-page-form .predictive-search-wrapper {
max-height: 60vh; }

@media only screen and (max-width: 749px) {
.predictive-search-wrapper--drawer {
padding-top: 14px;
margin-top: 3px; } }

0 Likes