Link to home
Start Free TrialLog in
Avatar of weikelbob
weikelbobFlag for United States of America

asked on

compact pure CSS Read More Toggle

Hello,

I'm using a modified version of this code:

https://codepen.io/Idered/pen/AeBgF

Is there a way to make it extremely compact. I need it to not take up so much space, be on one thin line of words with the words "Read More" at the end, or something that is easy to understand that they need to click on to expand that is pure css.

Must be mobile responsive.

Don't know if it is possible, but if there is a way please help.

thanks.
Avatar of SSupreme
SSupreme
Flag of Belarus image

https://codepen.io/anon/pen/mRVWOw
Is this what you want?
Avatar of weikelbob

ASKER

Yes except the button is messed up. It's letters have a smaller padding on top and a larger on the bottom. Also, the button is skewed higher than the text. How do I make everything normal (even)?
ASKER CERTIFIED SOLUTION
Avatar of SSupreme
SSupreme
Flag of Belarus image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Perfect, thanks!