search and cart not showing when clicked on home page

[empowered]

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

[Anonymous · Accepted solution]

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;
}

[empowered]

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.

[Anonymous]

You are welcome. I check now.

[empowered]

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

[Anonymous]

You are welcome.. 🙂

[empowered]

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

[Anonymous]

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

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