Archived topic
A filter created using a hook appears through the sticky menu.
9 replies · Started by Craig on October 5, 2021
Hi there.
I created a filter using a hook in the position generate_before_main_content. Once I have browsed the page if scroll back up, the filter appears through the sticky menu. I would like it to act as the rest of the page does and come out the bottom of the menu.
How do I fix this please?
Hi there,
try adding this CSS:
#sticky-navigation {
z-index: 10000 !important;
}Thank you so much.
It works :)
Glad to hear that!
Hi David.
I didn't pick up that the filter is still appearing behind the menu on mobile and it comes through the menu. how do I get the filter to be positioned at the bottom of the menu.
Thanks
Craig
Can you share a link to where i can see the issue?
If you inspect the webpage and view under iPhone 6 -> click on the hamburger menu and then scroll down, the filter is showing up through the menu.
Thanks
Wow - they added some serious boss level z-index to those select boxes:
https://www.screencast.com/t/3kbempjvxyBb
Problem is they didn't add any relative positioning on the parent container. Try adding this CSS to fix that:
.product-filter {
position: relative;
z-index: 1;
}You may want to report that to the plugin developer.
Thank you so much.
You are a gifted man.
Awesome - glad to be of help!
