We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to adjust align and adjust the spacing of the pricing details on mobile dawn theme

Solved

How to adjust align and adjust the spacing of the pricing details on mobile dawn theme

IntechCarl
Shopify Partner
200 1 24

 

Hi Everyone, 

I just want to ask how to adjust the price details on my product cards in mobile mode. See photo for reference.
Store Preview URL:https://0tom0bitnjf5bzka-13830324282.shopifypreview.com

IntechCarl_1-1740969198155.png

 

Accepted Solution (1)

DaisyVo
Shopify Partner
4469 501 598

This is an accepted solution.

Hi @IntechCarl 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

@media screen and (max-width: 768px){
h3.card__heading {
    min-height: 55px !important;
}
}

 

Here is the result: image_720.png

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Reply 1 (1)

DaisyVo
Shopify Partner
4469 501 598

This is an accepted solution.

Hi @IntechCarl 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

@media screen and (max-width: 768px){
h3.card__heading {
    min-height: 55px !important;
}
}

 

Here is the result: image_720.png

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution