How to make product text smaller in check out mobile (dawn)

Store Design
, , , , ,
1

24E0491E-F3D3-4057-8E20-C0E9E6C67C8D.png
24E0491E-F3D3-4057-8E20-C0E9E6C67C8D.png960×2079 114 KB

hey! How would we make the product text smaller in the check out on mobile? it would be highly appreciated if you could help. Thank you.

our website: munnafashion.com

2

Hi @munfas_uk ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-cart-items.css->paste below code at the bottom of the file:

@media (max-width: 767px){
a.cart-item__name.h4.break {
    font-size: 14px !important;;
}
}

Note: You can change font-size value to match your store

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Hello @munfas_uk

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

4

Hi @munfas_uk

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

@media screen and (max-width: 767px) {

.cart-drawer a.cart-item__name {font-size: 12px !important; font-weight: bold;}

}

Regards,

San

5

Thanks ! that worked.

6

I do appreciate your compliment!