-
Posts
2 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Zelda9090
-
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;
}
}
}