Adjusting buttons background width on hovering

Hello @islam,

You may use the following custom CSS in your Theme Options -> Theme Custom CSS:

@media only screen and (min-width: 992px) and (max-width: 1200px) {  
body .etheme-product-hover-mask .footer-inner {  
        grid-template-columns: repeat(auto-fit, minmax(var(--hover-item-height, 20px), 1fr));  
    }  
}

Best regards,
Jack Richardson
The 8Theme’s Team

Dear islam,

Thanks for being part of our WordPress & WooCommerce community!

We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

Leave Feedback →
(takes less than a minute)

Together, we’re shaping a better WooCommerce experience for everyone.

Topic closed.
The 8Theme Team