Solved

Why is my mobile search bar not displaying products?

atm19
Excursionist
41 0 3

IMG_7780.png

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

IMG_7781.png

Accepted Solution (1)
Ritu-25
Shopify Partner
129 26 15

This is an accepted solution.

Hey @atm19 , 

Please add it into component-menu-drawer.css

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

 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com

View solution in original post

Replies 5 (5)

Ritu-25
Shopify Partner
129 26 15

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 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com
atm19
Excursionist
41 0 3

It isn't working 😞

Ritu-25
Shopify Partner
129 26 15

This is an accepted solution.

Hey @atm19 , 

Please add it into component-menu-drawer.css

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

 

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com

Zeel-prajapatii
Shopify Partner
138 32 27

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

➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me
atm19
Excursionist
41 0 3

This also isn't working..