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

Store Design

Topic summary

A user seeks to reposition the trash bin (remove item) icon on the cart page in mobile view for Shopify’s Dawn theme, wanting it aligned to the far right under the price.

Multiple solutions provided:

  • CSS approach: Add custom CSS targeting cart-remove-button with margin-left: auto and justify-content: flex-end properties to push the icon rightward.

  • Implementation methods: Contributors suggest adding the code either to the base.css file or to theme.liquid above the </head> tag.

  • Visual guidance: One responder included screenshots demonstrating the expected result and step-by-step instructions for accessing the theme editor.

All solutions use similar CSS properties to achieve the same layout adjustment. The discussion remains open pending confirmation from the original poster on whether any solution worked.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

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
Verterra_0-1720707569215.png654×1078 72.5 KB

2

add this css to your theme

cart-remove-button#Remove-1 {
    justify-content: flex-end !important;
    margin-left: auto;
}
3
  • Here is the solution for you @Verterra
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • 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
BSSTekLabs_0-1720708115544.png382×800 52 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
4

Hi @Verterra

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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

Hope this can help you solve the issue

Best regards,

Richard | PageFly