Facing an issue while editing the site, is there any wix expert can help?

Okay, so I’ve edited and published my whole site (won’t publish the name). But now I’m stuck at a part where I need an expert’s help to resolve it. So I have designed the complete website by own and inserted one “Read More/Less” Button with expanding the short text to the long text by reading a wix post - https://support.wix.com/en/article/wix-code-tutorial-creating-a-show-more-link
Now after setting up the whole, the button is working fine but the thing is-
==> After checking the changes in the previewing mobile version of the website in Wix, it is showing fine like when we click on the button - it expands and the below section go down after clicking. (Here’s the screenshots- Screenshot by Lightshot & Screenshot by Lightshot)
But in the website’s live version in mobile devices the below or lower area is already showing down with or without clicking the button. A big blank area (as much the hidden text’s length) is displayed between the upper and lower elements. (Screenshots- Screenshot by Lightshot & Screenshot by Lightshot

So I don’t know how to fix it in the mobile version. While editing it is showing that is to hide this element in the mobile version like I don’t want to hide it but to fix that gap doesn’t come up as in the wix preview mode.

Any help from any Wix Expert out there will be really appreciated. I’m waiting for a positive reply…