Uneditable Sections Below Icons
Everything below a section with custom icons in code blocks isn't working right.
Everything below a section with custom icons in code blocks isn't working right.
Symptoms
• Top sections are fine, but bottom ones are unresponsive.
• Section in editor looks fine, but saved site appears broken.
• Hovering previous section shows following section settings.
• Can't edit a section at all on hover.
• Custom icons aren't displaying properly
Situation
This problem usually happens on templates like Parable or Retrograde that have sections with custom icons. The SVG code you paste into a Code Block to make icons work can sometimes have issues or be incomplete, which causes all the following code (the rest of the page, usually) to have issues.
Exception: The code shown as black (like the </g> or </svg> in the screenshot below) seems to work fine. Though it may not be perfectly complete, Squarespace seems to accept it — the issue is typos, random characters, or code that's red.
Solution
Double-check that all icon code is either black or green. Fix any red errors.
Symptoms
• Top sections are fine, but bottom ones are unresponsive.
• Section in editor looks fine, but saved site appears broken.
• Hovering previous section shows following section settings.
• Can't edit a section at all on hover.
• Custom icons aren't displaying properly
Situation
This problem usually happens on templates like Parable or Retrograde that have sections with custom icons. The SVG code you paste into a Code Block to make icons work can sometimes have issues or be incomplete, which causes all the following code (the rest of the page, usually) to have issues.
Exception: The code shown as black (like the </g> or </svg> in the screenshot below) seems to work fine. Though it may not be perfectly complete, Squarespace seems to accept it — the issue is typos, random characters, or code that's red.
Solution
Double-check that all icon code is either black or green. Fix any red errors.