How do I move the 'trash bin' icon to the far right of the page, mobile view dawn theme?

How do I move the 'trash bin' icon to the far right of the page, mobile view dawn theme?

Verterra
Explorer
63 1 9

Hi, does anyone know how to move the trash bin icon in the cart page on mobile view? I want to move it to the far right of the page, so that it is under the number $18.90.

 

Thank you!

 

My store URL is: https://verterra.sg/password, password is VerterraTest123

 

Verterra_0-1720707569215.png

 

Replies 3 (3)

Tal19
Shopify Partner
144 27 31

add this css to your theme

cart-remove-button#Remove-1 {
    justify-content: flex-end !important;
    margin-left: auto;
}
Need Shopify Development, Customization, or POS Support? PM Me!

BSS-TekLabs
Shopify Partner
2401 695 828

- Here is the solution for you @Verterra 
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.cart-item cart-remove-button {
 margin-left: auto !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1720708115544.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

PageFly-Richard
Shopify Partner
4852 1091 1763

 

Hi @Verterra 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media (max-width: 767px) {
.cart-item cart-remove-button {
 margin-left: auto !important;
}
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.