Jump to content

Zelda9090

Circle Member
  • Posts

    2
  • Joined

  • Last visited

Everything posted by Zelda9090

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.