Jump to content

Zelda9090

Circle Member
  • Posts

    2
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

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

Zelda9090's Achievements

Level 2

Level 2 (2/20)

0

Reputation

  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.