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 problem

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.

Hello, I have a problem with the mobile-only filter. When I go to my product category, scroll down and then open the filter, it appears behind my products. See the image:

Customer support for my theme, which is Astra, recommended that I contact you. Do you have a solution to this problem? They told me it's probably a Z-index problem.

Thank you very much! :)

Hello

Please  drop me  exact  link to the  issue I will  check  it

Hello Pablo,

Here's the link: https://peluche-licorne.fr/licorne-peluches/

The bug occurs when you scroll anywhere in the page before opening the filter. If, for example, you arrive on the page without scrolling, and click directly on the filter, it will work, so please scrool somewhere before clicking.

Thank you for your help :)

 

Hello

Please  add  CSS

body .widget-area.secondary{

z-index: 999;

}

clear all cache  and  do a test

Thank you, the problem has been corrected on mobile. But, a new problem has just appeared, this time on the computer. The filter goes over the header / menu.

https://peluche-licorne.fr/licorne-peluches/

 

Apparently, when I set 999 to 500 or 1, the header problem is corrected. But, I can no longer close the filter, as the button is hidden under the sticky header.

Hello

Please  change  this  CSS   to:

body[data-elementor-device-mode="mobile"] .widget-area.secondary{

z-index999;

}

 

Great! Everything works, thanks for your help ! 💪

Welcome;)