tuanphan

Hi, on Mobile View, I'm trying to get the Product Title to display above the Gallery, with everything else below the gallery.

Here's the link https://www.gettoastedni.com/easter-shop/p/small-easter-toasting-kit-1

 here's the code I tried, but the gallery either displays at the top with order: 0; or at the very bottom with order: 1;

order: 2; just forces it to the very bottom as well.

@media screen and (max-width:767px) {
.collection-type-products.view-item {
    display: flex;
    flex-direction: column; 
 h1.ProductItem-details-title {
    order: 1 !important;
    }
    figure.ProductItem-gallery {
    order: 2 !important;
    }
.ProductItem-details-excerpt {
    order: 4 !important;
    }
.ProductItem-product-price {
    order: 3 !important;
    }
    .product-variants {
    order: 5 !important;
    }
    .product-quantity-input {
    order: 6 !important;
    }
    .sqs-add-to-cart-button-wrapper {
    order: 7 !important;
    }
}
}