Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Posts

  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. 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;

  2. Have the same issue, decided to display add-on elements as separate products, really hope we can find a way to "only show the 'Add to Cart' button for this add-on product when someone has added the main product to their cart.". Thanks
  3. Hello Paul, this worked perfectly, but the size of the title became tiny on Mobile view. So I enlarged the text size, but then it was perfect on Mobile view, and huge on Desktop view. Is there some code to allow separate text sizes on Mobile view ? Jonny
  • Create New...