New Shopify Certification now available: Liquid Storefronts for Theme Developers

reduce the size of the price in cart drawer in dawn theme

Solved
Rohan_amazg
Excursionist
15 2 1

Hi, 

In cart drawer how can i reduce the size of the marked thing in the screenshot or make it in-line that too only in mobile site, its perfect on desktop.

 

If you want to have a look here is my website https://amazg.in/

IMG_3137.jpg

I tried so many things but over all site price fonts changes which i don't want to happen, only font size of price in cart should be changed.

 

How can i achieve that?

Accepted Solution (1)
websensepro
Shopify Partner
784 105 105

This is an accepted solution.

Hi, @Rohan_amazg.

 

Go to Online Store -> Themes -> Edit code.
Go to Assets folder -> Base.css file.
Add the following code at the bottom of the file.

 

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


.cart-drawer.cart-drawer .cart-item__price-wrapper>*:only-child {
    font-size: 10px;
}

}

 

Result:

websensepro_0-1699718100851.png

 

I managed to help you then, don't forget to Like it and Mark it as Solution.

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Reply 1 (1)
websensepro
Shopify Partner
784 105 105

This is an accepted solution.

Hi, @Rohan_amazg.

 

Go to Online Store -> Themes -> Edit code.
Go to Assets folder -> Base.css file.
Add the following code at the bottom of the file.

 

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


.cart-drawer.cart-drawer .cart-item__price-wrapper>*:only-child {
    font-size: 10px;
}

}

 

Result:

websensepro_0-1699718100851.png

 

I managed to help you then, don't forget to Like it and Mark it as Solution.

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here