How to change positioning of product description on mobile?

Add to Home > Design > custom CSS

@media screen and (max-width:767px) {
.ProductItem-details-excerpt {
    order: 1 !important;
}
}

Thanks @tuanphan I tried this on my site and it worked perfectly! Is there a way to reduce the padding between the text price at the top and to the product variant/quantity fields below?

1 hour ago, olimorri said:

Thanks @tuanphan I tried this on my site and it worked perfectly! Is there a way to reduce the padding between the text price at the top and to the product variant/quantity fields below?

Can you check url?

Sorry - different site! I encountered the same issue so used your code from above.

Our URL is https://www.eatdishy.co.uk/recipes-main/roastedcauliflowerbiryani

Thanks!

On 4/29/2020 at 10:21 PM, olimorri said:

Sorry - different site! I encountered the same issue so used your code from above.

Our URL is https://www.eatdishy.co.uk/recipes-main/roastedcauliflowerbiryani

Thanks!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.ProductItem-product-price, .ProductItem-product-price * {
    margin-bottom: 0 !important;
}
}