Search and cart not showing when clicked on home page

Store Design
,
1

Hello,

When clicking search icon or cart icon on home page it is hidden by the header. How can i fix that? website: empowerandbrew.com

2

Hi, Its a problem with z-index.

this is how you can fix this.

Goto shopify theme list edit the theme code.

Goto file stylesheet.css and paste the following code in start of the file:

#modal-ajax-cart{
z-index: 99;
} 

.slideout__drawer-right.search-sidebar {
z-index: 99;
}
3

Thank you, it worked but now i cant click on the submenu items in
“brands” that are lower down for some reason. Also when i click on a
the menu title itself it doesn’t show anything.

4

You are welcome. I check now.

5

actually it worked once i put it on the bottom of the stylesheet! Thank you

6

Hi, I just checked and found it is a separate issue. Where the list of submenu is too long.

HFMunir_0-1704036931314.png
HFMunir_0-1704036931314.png2344×1674 371 KB

I recommend to add another menu item divide all list of brands between 2 menu items.

7

You are welcome.. :slightly_smiling_face:

8

Thank you for seeing that problem, i deleted the brands menu to make
it better. Final question, I see that there are two carts when i
click on the cart icon…do you know how i can fix that