I'm using Markdown to create an expanding accordion menu. When you first view the page, the text is hidden. You can click to expand a drop down accordion menu that displays nested text. The issue is that the expanded text messes up the way elements below it on the page display. It looks like the images and backgrounds below the markdown do not respond to the expanded text and remain in their initial position, but the text below the markdown does respond to the expanded text and moves further down the page. The result is that the text appears to overlay or overflow on top of the content beneath the markdown.
I already contacted Squarespace support and they verified that this issue was not a known issue, that it is not currently in the works for resolution, and that it has nothing to do with my custom CSS. They suggested I ask the forum, so I'm coming to you guys!
The structure for the site I'm using to illustrate this is as follows:Brine templateIndex with pagesSolid color blocks are their own pagesFull bleed images with parallax are their own pages with the image set as the background for the page
Here is the Markdown basic structure:
<summary>Click to expand!</summary>
content goes here
Illustrated on this Github forum here: https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab
I saw in other questions that some issues with Markdown could be resolved by disabling Ajax loading. I have disabled it and still see the issue.
Would love some help with this!
Website: teese.squarespace.comPassword: teese