Title text align to right in cart hebrew language dawn theme

Store Design
,

Topic summary

A user is trying to right-align the cart title text on their Hebrew-language Shopify store using the Dawn theme. The issue requires CSS modifications to accommodate right-to-left (RTL) language formatting.

Attempted Solutions:

  • Initial suggestion to add align-items: baseline to cart-items .title-wrapper-with-link in base.css did not achieve right alignment
  • Second approach using margin-left: 80rem !important worked on desktop but broke the mobile cart layout
  • A combined solution adding margin-left: 0!important was proposed but reportedly still doesn’t align the title to the right

Current Status:
The discussion remains unresolved. The latest suggestion wraps the margin-left rule in a media query (@media screen and (min-width: 750px)) to apply the 80rem margin only on desktop screens (750px+), which should preserve mobile functionality while achieving desktop alignment.

The user has not yet confirmed whether this final solution works for both desktop and mobile views.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

I would like to adjust the text align of the cart title (highligted in gray in the pic) to the right in the cart of dawn theme.

image:

https://ibb.co/CKzFvgXq

shop https://tevadogshop.com

password gahpro

Thanks

1 Like
2

Hello @urbantis

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottow of the file:
cart-items .title-wrapper-with-link {
align-items: baseline;
}

devcoders_0-1749899250643.png
devcoders_0-1749899250643.png1311×315 26.6 KB

1 Like
3

Thank you for your reply, I added it but it’s not changing the alignment to the right. Any thoughts?

1 Like
4

Hello @urbantis
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

cart-items .title-wrapper-with-link {
margin-left: 80rem !important;
}

result

45.png
45.png1366×280 16.3 KB

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like
5

Thanks for answering, it works on desktop but it is destroying the cart in mobile, any thoughts?

6

Hello @urbantis

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottow of the file:
cart-items .title-wrapper-with-link {
align-items: baseline;
margin-left: 0!important;
}

devcoders_0-1749899857917.png
devcoders_0-1749899857917.png1346×474 39.9 KB

7

Thanks for your reply, the title of the cart is not aligning to the right, am I missing something?

8

use this code
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
cart-items .title-wrapper-with-link {
margin-left: 80rem !important;
}
}

Thanks

1 Like