PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

Z-Index For Mobile Filter - Hiding Behind Sticky Header

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.

Can you please advise on how we can adjust the z-index on the swing out mobile filter? It's hiding behind the header of our site. When we set the header to a z-index of 0, the mobile filter overlays it correctly, however that causes issue with our other content. We just need to increase the z-index on the element itself.

Here is the URL where it's happening.

 

https://alsdelivers.com/wine/?swoof=1&product_cat=wine

Hello

Unfortunately due to the structure of the template, increasing the z -index will not affect the sidebar/widget/filter

How do we go about bringing it to the front then? Any other thoughts or suggestions? Is it possible to maybe set a top margin so it's always below the mobile header? Please advise.

We have worked with Avada on this and when we set the z-index to 0 for our header, your plugin is on top, however it causes overlay issues with the rest of the content on the site.

Thank you!

Hello

Try to add  CSS:

.woof_show_filter_for_mobile.woof {

margin-top: 40px;

}

Perfect, thank you! That will solve the issue for us and we can use that to bring the popup below the header. Thanks for your assistance :)

Great! Welcome;)

So unfortunately upon further testing this has caused the bottom of the filter to be cut off. We can't access the lowest 1-2 items and the reset button is cut off completely. Please advise.

We tried addding both

padding-bottom: and margin-bottom: to the code and it doesn't appear to have any effect.

hello

Please  try  to  use:

.woof_show_filter_for_mobile.woof {
margin-top: 110px;
height: calc(100% - 100px);
}

Great, thank you!

Welcome;)