HoaLT

Hi, I have requirement related to the discount policy. My desired result is that: - On one order, if clients purchase the same product with a current one, they will get the discount for the second item only. - The second item should be set with % discount rate. I would like to know if it is possible on squarespace and if SQS can not support, is there any way that we can work around with it? Many thanks!

Try adding space at the beginning and ending of "Your passion"

You can get some reference in this post with your cover pages

Do you mean that when you click a button, page will load to the section linked by button?

I can not access the page with the problem you described above. Can you share the direct link to this page?

Is this what you mean?

Can you share your site with the password protected for easier checking?

It would be easier to check your issues if you can share your site with the password protected!

You can set the addition figuration in Design > Custom CSS #article- { padding-bottom: 0; } .item-pagination { padding-top: 15px; }

1st Point: You can try the Design > Custom CSS with the following setting @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1632274074310_17542 .sqs-block-button-container--right { text-align: center; } #block-yui_3_17_2_1_1632274074310_17542 a { padding: 1em 1.404em; } [data-section-id="614a87c7f80dc06b128e4478"] .content-wrapper { padding-bottom: 0 !important; padding-top: 25vmax !important; } section[data-section-id="614a87c7f80dc06b128e4478"] { height: 36vh !important; } section[data-section-id="614a87c7f80dc06b128e4478"] .section-background { bottom: unset; } }

For the way to add Css, you could get a reference from this link https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor Or follow the steps on my Gif

Try the following configuration in Desin > Custom Css @media only screen and (max-width: 768px) { .homepage [data-slide-id="610c29e83f1f825f0dce7cfa"] img { height: 100vh; width: auto; position: relative; transform: translateX(-50%); left: 50%; } }

You need to modify your javascript: Replace with the following script $(document).ready(function() { try { var container = Y.one("#block-d3fe1f534bd0f0631332"); var gallery = Y.Squarespace.GalleryManager.getGalleryByContainer(container); gallery.setAttrs({ "autoplay": true, "autoplayOptions": { "timeout": 6000, /*make this higher to decrease speed, lower to increase it*/ "randomize": true, } }); container._node.addEventListener("mouseover", () => { gallery.setAttrs({ "autoplay": false }) }) container._node.addEventListener("mouseout", () => { gallery.setAttrs({ "autoplay": true, "autoplayOptions": { "timeout": 6000, "randomize": true, } }) }) } catch (e) { console.error("Could not configure Gallery autoplay.", e); } }); Hope work well for you

The result should be like this

Try this in Design > Custom CSS @media only screen and (max-width: 768px) { #headerWrapper header { padding: 0 0 10px 0; } }