Read more/less not working as desired

Have section with hidden text. On load the whole text shows. when
clicked hides. opposite of what I’m trying to do. so not understanding how to fix that.have switched the
click functions but doesn’t fix. And the strangest thing is everywhere I click
on the page the hide/show (read more/less) function happens which moves
everything on the page, creating overlaps. What I am doing wrong? Please
help.
Posting Guidelines for the Design Help Category - General - Forum | Webflow

It will help a lot to see a link to your error, better yet a Webflow link.

Cheers

1 Like

https://preview.webflow.com/preview/catrose?preview=d980820b7b56502a021fb78a212a1cfb

it looks like you built it sort of in reverse.
The way I would do it would be to use overflow:hidden on the container with the hidden text.
Also, your elements all move because you didn’t structure main items and side items separately

Have a look at this example:
http://webflowforumhelp.webflow.io/show-hide-text
Live link:
https://preview.webflow.com/preview/webflowforumhelp?preview=683e5a91620e881118e55a39b25450ab

Hope that helps

1 Like

Followed your suggestions, now when clicked the entire page disappears. What is wrong?

Are there any easy to decipher instructions on doing a simple on click show and hide? No button just a simple text that does the function? one click to open one click to hide? without the entire page moving when clicking on the page?

Hi @Rose, thanks for your post. I am not sure I have a really easy answer for you, but I promise I will help to do my best to solve the design issues :slight_smile:

It seems the site has a lot of fixed widths, transforms and other settings on many elements. My suggestion is to first duplicate your site for test purposes, and then start removing the transforms you have set on your elements.

Take for example the Section pictured below. You have a long list of transforms applied to this one section. This is quite a few transforms for what appears to be a relatively straightforward two column site.

What are you trying to accomplish with the transforms, was it to position your content into columns?

I definitely want to help :slight_smile: lf you can check this, I will take a look further :smile:
Cheers,
Dave

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.