How to change positioning of product variant on mobile?

camilazanoelo · June 15

Hi Guys,

How to change the position of the variant on mobile to show right after the add to cart and before product description.

Thank you,

Camila

Lesum · June 15

@camilazanoelo Hi! Add this code under Website > Pages > Website Tools > Custom CSS

@media only screen and (max-width: 767px) {
   #pdp .ProductItem .ProductItem-quantity-add-to-cart {
        order: 2 !important;
   }
   #pdp .ProductItem-details .product-variants {
        order: 3 !important;
   }
}

camilazanoelo · June 16

@Lesum Thank so much, it's perfect!!!

Have a nice Sunday!

CZ

How to change positioning of product variant on mobile?

Recommended Posts

camilazanoelo

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Lesum

Link to comment

camilazanoelo

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources