Easy mobile-compatible-read-moreread-less with images and text

Do you want to share WYSIWYG Web Builder tips, tricks, tutorials or useful HTML code? You can post it here...
(no questions or problems please, this section is not monitored by support).
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.

PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Post Reply
User avatar
Fender
 
 
Posts: 127
Joined: Sun Oct 16, 2011 11:01 am

Easy mobile-compatible-read-moreread-less with images and text

Post by Fender »

Easy to use in WYSIWYG works with images and text.
Readmore/less for desktop.
For mobile only you can define the breakpoint, onlyWithWindowMaxWidth: , to show the readmore/less button
Here you can find the script and demo.
https://www.jqueryscript.net/layout/Mob ... wmore.html
http://ivanovdmitry.com/blog/post/mobil ... y-showmore
I've used it here : https://www.yamaru.nl/yamaru-indonesie.html setting: onlyWithWindowMaxWidth: 768
reduce the browser width to see the effect.
Post Reply