alexdumanski(@alexdumanski)
18 Posts
Customers
Quote from alexdumanski on October 7, 2022, 02:38
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
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
Pablo Borysenco(@pavlo_borysenco)
29,379 Posts
Quote from Pablo Borysenco on October 7, 2022, 10:57
Hello
Unfortunately due to the structure of the template, increasing the z -index will not affect the sidebar/widget/filter
Hello
Unfortunately due to the structure of the template, increasing the z -index will not affect the sidebar/widget/filter
alexdumanski(@alexdumanski)
18 PostsTopic Author
Customers
Quote from alexdumanski on October 7, 2022, 14:07
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!
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!
Pablo Borysenco(@pavlo_borysenco)
29,379 Posts
Quote from Pablo Borysenco on October 10, 2022, 10:53
Hello
Try to add CSS:
.woof_show_filter_for_mobile.woof
margin-top: 40px;
}
Hello
Try to add CSS:
.woof_show_filter_for_mobile.woof
margin-top: 40px;
}
alexdumanski(@alexdumanski)
18 PostsTopic Author
Customers
Quote from alexdumanski on October 10, 2022, 23:45
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 :)
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 :)
Pablo Borysenco(@pavlo_borysenco)
29,379 Posts
Quote from Pablo Borysenco on October 11, 2022, 09:51
Great! Welcome;)
Great! Welcome;)
alexdumanski(@alexdumanski)
18 PostsTopic Author
Customers
Quote from alexdumanski on October 16, 2022, 15:55
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.
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.
Pablo Borysenco(@pavlo_borysenco)
29,379 Posts
Quote from Pablo Borysenco on October 17, 2022, 12:08
hello
Please try to use:
.woof_show_filter_for_mobile.woof {
margin-top: 110px;
height: calc(100% - 100px);
}
hello
Please try to use:
.woof_show_filter_for_mobile.woof {
margin-top: 110px;
height: calc(100% - 100px);
}
alexdumanski(@alexdumanski)
18 PostsTopic Author
Customers
Quote from alexdumanski on October 17, 2022, 14:14
Great, thank you!
Great, thank you!
Pablo Borysenco(@pavlo_borysenco)
29,379 Posts
Quote from Pablo Borysenco on October 18, 2022, 10:23
Welcome;)
Welcome;)