• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Publishing HTML5 in Squarespace

New Here ,
May 14, 2024 May 14, 2024

Copy link to clipboard

Copied

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;
}

Kai32961576uxtl_0-1715713392259.jpeg

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.

 

Kai32961576uxtl_1-1715713537399.png

Kai32961576uxtl_2-1715713545559.png

Kai32961576uxtl_3-1715713558388.png

 

How can I make my Adobe Animate project truly responsive on Squarespace?

TOPICS
Code , How to , Other , Publish package

Views

96

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
no replies

Have something to add?

Join the conversation