I have added code to allow text to expand and collapse on my site. Everything is working perfectly with the button and all the element below the collapsed text move up the page when the text is hidden. However, the footer does not move which creates a white space between the last element and the footer. Help would be greatly appreciated. Here’s the code I used (although I don’t believe it’s a code issue). Thanks!
export function FullTextButton_click(event) {
if ($w(‘#FullStoryStrip’).collapsed){
$w(‘#FullStoryStrip’).expand();
$w(‘#DownArrow2’).show();
$w(‘#RightArrow2’).hide();
$w(‘#CollapseText’).show();
$w(‘#ExpandText’).hide();
}
else {
$w(‘#FullStoryStrip’).collapse();
$w(‘#DownArrow2’).hide();
$w(‘#RightArrow2’).show();
$w(‘#CollapseText’).hide();
$w(‘#ExpandText’).show();
}
}
Assuming that you have everything attached to a box or container so that everything is all grouped and acts as just one element.
Try the following:
- Open the relevant page in edit mode
- Select the page elements that are being collapsed/expanded
- Cut the elements (with Ctrl/cmd + X)
- By clicking and dragging the mouse, select the white space to locate any (hidden) elements that might affect the footer position. Then either remove or re-position them.
- Drag the footer upwards
- Place the element back by pasting it (Ctrl/CMD + V)
Have a look at this previous forum post too.
https://www.wix.com/corvid/forum/main/comment/5af45d2eadd7000030a314ee
Plus make sure that you read this page too.
https://support.wix.com/en/article/corvid-how-page-layout-is-affected-when-elements-change-size
Yes I already tried this option and did not find any hidden elements. It’s also odd because I have elements at the bottom of the page that move up and down correctly when the middle section is collapsed but footer itself doesn’t respond to the collapse.
Do you have any other suggestions? I’ve been searching for quite a while with no luck. Help is greatly appreciated!
Same Issue, do you found a solution?