I'm using a code block to insert the HTML with the following Publish settings: Center stage horizontally, Make responsive by width, no Scale to visible area, and using Spritesheets. These settings have worked best after considerable experimentation. Initially, I encountered an issue with unwanted extra space from the code block, which I managed to resolve using this code:
html.squarespace-damask .sqs-blockStatus, .sqs-block .removed-script {
display: none !important;
}
However, I still face challenges with responsiveness. When the page is resized, the canvas doesn't behave responsively. If I make the screen wider, excess space appears at the bottom. Conversely, when the screen is smaller, the next project arrows move too high and end up underneath the canvas. To avoid this, I've been leaving extra space at the bottom, but this solution looks awkward.
How can I make my Adobe Animate project truly responsive on Squarespace?
AdChoices