Trouble aligning button in sticky cart on left side

This topic has 7 replies, 3 voices, and was last updated 2 weeks, 4 days ago ago by Tony Rodriguez

  • Avatar: Bas_Kling
    Bas Kling
    Participant
    February 12, 2026 at 12:09

    I seem unable to get rid of the little space on the left side of the sticky cart button: https://i.imgur.com/N1FFYGm.png
    Which class do I need to address for this? I want to make sure not to manipulate the other add to cart buttons…

    Also, we’re trying to reduce the space between the sticky add to cart button and the elements just above that: https://imgur.com/zcvP038
    Spacing is preferable the same as between the “color”, “metal” and “fit” elements
    I think we had a ticket open on the subject before, and all seems fine on the desktop, but not on mobile.

    Please, contact administrator
    for this information.
    6 Answers
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    February 12, 2026 at 16:41

    Hello, Bas Kling,

    We have made the necessary changes, but it seems that there might be some cache or CDN issue on your side, and the updates are not being displayed. Please clear your cache and let us know if everything appears as it should.

    Best regards,
    8Theme Team

    Avatar: Bas_Kling
    Bas Kling
    Participant
    February 12, 2026 at 17:11

    I’ve cleared site-, object- and CDN caching, but the indent is still visible on our end as well.

    The space between the add-to-cart button and the attributes above has been reduced successfully.

    We’ll check it again tomorrow

    Please contact administrator
    for this information.
    Avatar: Bas_Kling
    Bas Kling
    Participant
    February 13, 2026 at 09:50

    It’s been a day, we’ve again cleared all cache (also CDN) but the change isn’t visible.
    Can you tell us what changes you’ve made?

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    February 13, 2026 at 16:11

    Hello, Bas Kling,

    We have added the following custom CSS in

    .etheme-sticky-cart .quantity {
        display: none!important;
    		margin: 0!important;
    }
    
    .single-product .etheme-sticky-cart .cart:not(:first-child){
        margin-bottom: 20px !important;
    }

    Customizer → Additional CSS.
    It is intended to remove the extra spacing before the “Add to Cart” button and reduce the space between the sticky “Add to Cart” button and the elements above it.

    However, this code is not being displayed on the frontend.

    Best regards,
    8Theme Team

    Avatar: Bas_Kling
    Bas Kling
    Participant
    February 24, 2026 at 09:36

    Thanks for the support! My topic “Trouble aligning button in sticky cart on left side” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 24, 2026 at 09:36

    Dear Bas Kling,

    It’s great having you in our WordPress & WooCommerce community!

    Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

    Together, we grow stronger with every release.

    Topic closed.
    The 8Theme Team

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

The issue related to '‘Trouble aligning button in sticky cart on left side’' has been successfully resolved, and the topic is now closed for further responses

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