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

Shopify Discussion
1

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
IntechCarl_1-1740969198155.png370×668 120 KB

2

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
image_720.png339×720 125 KB

I hope this helps

Best,

Daisy

1 Like