CODEWITHSUNDEEP
javascriptphpcssprestashopz-index
FuriousFamous
FuriousFamous

Reputation: 67

prestashop fixed menu after scrolling issue

I have fixed top menu and titlecart dropdown menu issue. When I am on my website before I scroll it down titlecart have correctly dropdown, please check picture belowenter image description here

but when I scroll down and my fixed menu stick to the top and I want to come back and check a cart again title cart look like this: enter image description here

search form cover titlecart drop down, I know that there is a problem with Z-Index, I tried to find solution everywhere and couldn't find any results. If someone had simmilar issue and know what to do let me know please.

For more information I will add my website

Please let me know if something more is needed to check the issue. Thanks!

Upvotes: 0

Views: 329

Answers (2)

DobromirM
DobromirM

Reputation: 2027

You have to set a higher z-index to your header-container element I found that z-index of 10000 works in your case.

.header-container {
    z-index: 10000;
}

Update

As sarcom suggested in the comments, you need to manage the z-indexes in your website so they don't get out of hand and you don't run into similar problems.

Here is a good article on the topic of z-index management: https://medium.com/science-journal/z-index-organization-in-css-5913fd4c25c9

Upvotes: 0

marsaldev
marsaldev

Reputation: 3349

Fix: global.css 

# 5552 z-index: 0;

Fix: blockcart.css 

# 136 z-index: 1031;

Upvotes: 2

Related Questions