Solved

search and cart not showing when clicked on home page

empowered
New Member
12 0 0

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

Accepted Solution (1)

HFMunir
Shopify Partner
16 5 1

This is an 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;
}

 

View solution in original post

Replies 7 (7)

HFMunir
Shopify Partner
16 5 1

This is an 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
New Member
12 0 0
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.
HFMunir
Shopify Partner
16 5 1

You are welcome. I check now.

empowered
New Member
12 0 0
actually it worked once i put it on the bottom of the stylesheet! Thank you
HFMunir
Shopify Partner
16 5 1

You are welcome.. 🙂

empowered
New Member
12 0 0
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
HFMunir
Shopify Partner
16 5 1

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

 

HFMunir_0-1704036931314.png

 

 

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