Re-ordering in Mobile view

Site URL: https://www.everallurejewelry.com/

Hello!

I need help.  I want to change the layout of the way that information appears in my mobile view.  Specifically Product information.

The order of information should remain the same basic sequins as in the computer dislay:

1 - Product Image

2 - Product Name

3 - Product Price

4 - Product Description

5 - STEP BY STEP ring size measurement

6 -  Ring Size

7 - Stone Option

8 - Quantity

9 - Add to cart

How can I change the order so that it only changes in mobile view but remains the same on the computer view??

Kind Regards

Christel Davel

Why is the product description below the ADD TO CART in the mobile view?

Add to Design > Custom CSS

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