Layer issue between Sticky Footer and Shop Page Grid “Additional info” hover

Please look at this video in private, you’ll see that if we enable Sticky Footer and we enable to display the product attributes on hover in the shop page, then the hover with the attributes should be display ABOVE the sticky footer.

Can you fix this please? Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards.

See below

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for desktop section:

.wd-hover-with-fade.hover-ready:is(:hover,.state-hover) .product-wrapper {
	bottom: 28px !important;
}

Best Regards.

That’s not a good solution, it doesn’t fix the issue properly.
Can you please come up with a correct layer fix ? Thanks

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for desktop section:

.archive .wd-products-element {
    position: relative;
    margin-bottom: 100px;
}

Best Regards.

[Author]

Posts