Adjusting buttons background width on hovering

This topic has 2 replies, 2 voices, and was last updated 6 days, 10 hours ago ago by Jack Richardson

  • Avatar: islam
    islam
    Participant
    July 17, 2026 at 14:41

    Kindly check the image attached, im using an ipad 12.9 inch. The buttons arent centered on their background. Please make sure it is adjusted dynamically in order to look well on all screen sizes.

    Thank you

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 20, 2026 at 13:02

    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

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.