Disable “Sticky Menu” when a “Quick view” is opened

Hi, thanks for trying my plugin!

I don’t think you want to turn it off when a quickview window is opened, but rather you should change the Z-index setting for your element. Right now it’s set to 99999, but that’s way higher than necessary. Try setting it at 2 and see if that gives you the desired results.

Let me know if this works!

Hi, thanks ! I thought it was good! but not quite…
Yes I want to turn it off when a “lightbox” is opened.

If I change Z-index with “2”, it’s ok for my problem, but :
1/ elements slide above the bar… like my plugin “YITH badge management” or others elements.
2/ my “Login menu” on the top right is hidden with my “Card”.
If I change Z-index with 100 or 1000 it’s better. But same problem with the “Login menu” hidden by “Card”
If I change Z-index with 10000 I have the same problem that initially.. an endless problem.

My screenshot

Sorry for the delay!

The problem keeps coming back because the fixed header container has a very high Z-index to start with (10000).

So there are three elements to consider.

1. the sticky element
2. the sticky header container (Z-index:10000)
3. the black overlay when quick view is open (Z-index: 10000)

First, you’ll have to make sure that the black overlay has the highest Z-index of the three, so that it will overlap the other two.
Then, make sure that the sticky element (the one with the login menu) has a higher Z-index than the sticky header container, so that the login menu won’t be obscured.

Once you’ve set that properly (for example, change the value for the sticky header container to 9000 and then set the sticky element to 9500), things should be working good. It’s a matter of prioritizing, really — which elements should be on top of which other elements.

As you can see, this is a good example why setting high values for Z-indexes isn’t always a great idea. ?? There’s never really a good reason to go as high as 10000, myself I always try to keep things below 100.

Hope this helps!

You are a genius ! it works. Thank you for the detailed answers.
Just added to my child template :
#header, #header-container {
z-index: 9000;
}
and set the sticky element to 9500
Perfect.
Thank you for advice and to take the time to explain.

YOu’re welcome! Glad it’s working now. ??

Hello.
Thank you for helping me.
But I have a new problem …
If I move the mouse over the top right product, the mini cart opens.
It’s very unpleasant. It’s not so easy to resolve finally.
Sorry. Thank you
Screenshot

This is not an issue related to my plugin, I’m afraid.

The minicart is always there, it’s just invisible. However when you hover over it, it becomes visible. I suggest you check with the author of the plugin or theme (I’m not sure if you’re using a plugin for the store or if it’s part of the theme) to look into this.

• This reply was modified 8 years, 5 months ago by Senff - a11n.