The checkout and cart pages elements are misaligned

This topic has 4 replies, 2 voices, and was last updated 3 weeks, 2 days ago ago by Luca Rossi

  • Avatar: Aure
    Aure
    Participant
    September 7, 2024 at 13:30

    Since I’m not experiencing this issue with other themes, I believe the problem is specific to the Xstore: I’m having trouble aligning the elements on my cart and checkout pages. I’ve attached a video and printscreen showing how messy and cluttered it currently looks. I need the layout to appear neat, simple, and easy for customers to understand. It should be clear and straightforward for visitors to navigate through the cart page and checkout process..

    Any help to fix this would be greatly appreciated!

    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    September 9, 2024 at 04:28

    Hi @Aure,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    tr.woocommerce-shipping-totals.shipping {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    
    tr.woocommerce-shipping-totals.shipping ul li {
        justify-content: start !important;
    }
    tr.woocommerce-shipping-totals.shipping ul li label {
        text-align: left;
    }
    

    Hope it helps!

    Avatar: Aure
    Aure
    Participant
    September 16, 2024 at 07:04

    It works only for the desktop version. Please see the attached video. We need the same inline appearance for the mobile version

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    September 16, 2024 at 10:41

    Hi @Aure,

    Please also add this custom CSS codes:

    
    @media (max-width: 600px){
        tr.woocommerce-shipping-totals.shipping td {
            min-width: 250px;
        }
    }
    

    Let us know how it goes!

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

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

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