This topic has 4 replies, 2 voices, and was last updated 3 weeks, 2 days ago ago by Luca Rossi
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!
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!
It works only for the desktop version. Please see the attached video. We need the same inline appearance for the mobile version
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!
You must be logged in to reply to this topic.Log in/Sign up