Why is my mobile search bar not displaying products?

[atm19]

 

Hi, on the mobile version i added this menu search bar in the burger menu. but it stays on the second page. and the menu isn't showing the products when i type smth there.

https://palmsone.myshopify.com

 

[Ritu-25]

Hello @atm19 , 

Please add this CSS in base.css file for overlap menu .

details[open].menu-opening>.menu-drawer__submenu {
    z-index: 99;
}

Thanks, 

Ritu 

[atm19]

It isn't working 😞

[Ritu-25 · Accepted solution]

Hey @atm19 , 

Please add it into component-menu-drawer.css

details[open].menu-opening>.menu-drawer__submenu {
    z-index: 99 !important;
}

[Zeel-prajapatii]

Hey @atm19  Please add the below css to your "base.css" file.

@media screen and (max-width: 749px){
.predictive-search--header {
top: 10% !important;
}
}

Thanks

[atm19]

This also isn't working..