Jump to content

How to change positioning of product description on mobile?

Go to solution Solved by tuanphan,

Recommended Posts

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 comment
  • Solution

Add to Home > Design > custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 weeks later...
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?

image.thumb.png.55f29eb5696c2f1d8c74dd3a55d1f5bd.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.