How to change positioning of product description on mobile?

Site URL: https://araraswim.nl/bikini-sets/gin-amp-tonic-bikini-set-7yajb

Hello all,

Happy easter first of all. 

On mobile, my product page shows the "add to cart" and choose sizes before the description, which is the opposite from the desktop version (example on the link). i would like the description to show before the add to cart buttons and choose size buttons on mobile as well. Can anybody help?

thank you very much!

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;
}
}