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
62 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
116 20 19

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
536 154 181

- 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 .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

PageFly-Richard
Shopify Partner
4397 1006 1657

 

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!


PageFly - #1 Page Builder for Shopify merchants.


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