
laura@agency6.nl(@laura-agency6-nl)
3 Posts
Customers
Quote from laura@agency6.nl on May 8, 2024, 08:39
Hi,
I can't get the pop-up visible on mobile. It continues to appear behind all other elements. I tried putting the shortcode at the bottom of the footer but that didn't work. I also put the shortcode in a separate section with the highest z index, but that doesn't work either. What can I do to ensure that the pop-up functions as a pop-up and does not appear behind all elements? Thank you!
Hi,
I can't get the pop-up visible on mobile. It continues to appear behind all other elements. I tried putting the shortcode at the bottom of the footer but that didn't work. I also put the shortcode in a separate section with the highest z index, but that doesn't work either. What can I do to ensure that the pop-up functions as a pop-up and does not appear behind all elements? Thank you!

laura@agency6.nl(@laura-agency6-nl)
3 PostsTopic Author
Customers
Quote from laura@agency6.nl on May 8, 2024, 08:42
On this page https://solidsurfaces.agency6.nl/sale/.
On this page https://solidsurfaces.agency6.nl/sale/.

Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
Quote from Pablo Borysenco on May 8, 2024, 11:09
Hello
Try changing the z-index for the sidebar container - https://share.pluginus.net/image/i20240508120805.png
Hello
Try changing the z-index for the sidebar container - https://share.pluginus.net/image/i20240508120805.png

laura@agency6.nl(@laura-agency6-nl)
3 PostsTopic Author
Customers
Quote from laura@agency6.nl on May 8, 2024, 11:51
thank you, this solved the problem. I have added some extra CSS that I would like to share for other forum users. The pop up mostly appeared above the other items, except above the header. So I added margin-top to the mobile filter. Furthermore, the opacity was set to 0.95, so that when the filter was opened you could also see the close filter through it, which is why I also set the opicty to 1. Now it works perfectly fine, thank you for your support!
.woof_show_filter_for_mobile.woof {
opacity: 1;
margin-top: 100px;
}
thank you, this solved the problem. I have added some extra CSS that I would like to share for other forum users. The pop up mostly appeared above the other items, except above the header. So I added margin-top to the mobile filter. Furthermore, the opacity was set to 0.95, so that when the filter was opened you could also see the close filter through it, which is why I also set the opicty to 1. Now it works perfectly fine, thank you for your support!
.woof_show_filter_for_mobile.woof {
opacity: 1;
margin-top: 100px;
}

Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
Quote from Pablo Borysenco on May 8, 2024, 12:31
Great! Thank you for your cooperation and welcome;)
Great! Thank you for your cooperation and welcome;)