Hi!
I am looking to move the quantity selector on my cart page to the far right so it lines up with the continue adding to wish list text. Any suggestions on how to do this?
https://ebony-design.myshopify.com/cart Password: dawlaw
Topic summary
A user seeks to reposition the quantity selector on their cart page to align it with other elements on the right side.
Solutions Provided:
Multiple developers offered CSS-based solutions:
-
Option 1: Add
padding-left: 34rem !important;to.cart-items .cart-items__heading--wide .cart-item__quantityincomponent-cart-items.css -
Option 2: Insert
justify-content: flex-end !important;for.cart-item__quantity-wrapperinbase.css -
Option 3: Apply
float: right;to.cart-item__quantityinbase.scss.liquid
Resolution:
The original poster confirmed success with one of the CSS solutions and thanked the contributors. All proposed fixes involve adding custom CSS code to theme files via the Shopify theme editor (Online Store > Theme > Edit Code > Assets).
Hello @Bird_on_a_Wire
Go to the online store> Theme>Assets>Edit Code>componenet-cart-items.css>Add this code to this file.
.cart-item .cart-item__quantity, .cart-items .cart-items__heading--wide {
padding-left: 34rem !important;
}
we give you two solutions refer to one solution:-
Hello @Bird_on_a_Wire ,
Add this css at the bottom
Online Store ->Theme → Edit code
assets → base.css
.cart-item__quantity-wrapper {
justify-content: flex-end !important;
}
@Bird_on_a_Wire
Hello,
.cart-item__quantity {
float: right;
}
Add this CSS at the bottom of Online Store-> Theme-> Edit code->Assets->base.scss.liquid
Like This
1 Like
Thank you @oscprofessional 