Reposition subtotal price tag in checkout page shopify dawn theme 15v ?

Solved

Reposition subtotal price tag in checkout page shopify dawn theme 15v ?

ctal37
Trailblazer
160 1 37

Hiii

 

How do I reposition subtotal price tag in mobile view to the left and right in checkout page shopify dawn theme 15v? 

I want the price tag to be in left like its available in desktop view as I am showing you here.

WhatsApp Image 2024-07-31 at 12.13.32.jpegWhatsApp Image 2024-07-31 at 12.16.39.jpeg

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
11376 2231 2404

This is an accepted solution.

Hi @ctal37 

You can add this code to Custom CSS in Sale channels > Online Store > Themes > Customize > Theme settings to do that

.totals {
   justify-content: center !important;
}

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Dan-From-Ryviu
Shopify Partner
11376 2231 2404

This is an accepted solution.

Please add this code 

.tax-note { text-align: center !important; }

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
11376 2231 2404

This is an accepted solution.

Hi @ctal37 

You can add this code to Custom CSS in Sale channels > Online Store > Themes > Customize > Theme settings to do that

.totals {
   justify-content: center !important;
}

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

ctal37
Trailblazer
160 1 37

Please tell me how do iWhatsApp Image 2024-07-31 at 12.13.32.jpeg reposition tax note as well just like subtotal price tag.

Dan-From-Ryviu
Shopify Partner
11376 2231 2404

This is an accepted solution.

Please add this code 

.tax-note { text-align: center !important; }

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

PageFly-Richard
Shopify Partner
4991 1118 1796

Hi @ctal37 

 

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>
.totals {
align-items: flex-end;
}
</style>

PageFlyRichard_0-1722413024230.png

 

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.