Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to change positioning of product description on mobile?

Go to solution Solved by tuanphan,


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!

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .ProductItem-product-price, .ProductItem-product-price * { margin-bottom: 0 !important; } }  

Posted Images

5 answers to this question

Recommended Posts

  • 2

Add to Home > Design > custom CSS

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


Link to post
  • 0
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?


Link to post
  • 0
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


Add to Home > Design > Custom CSS

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


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...