This plugin provides a way to showcase the visual differences between two images in a slider mode. Simply swipe the image left or right to see it change between Before and After.
We’ve updated the plugin and adapted it to the new responsive engine. Kindly ask you to upgrade your plugin to the latest version (1.5.0.) and give it a try.
Quick suggestion: the 100% min height does not work properly - i.e it doesn’t fill the full height in the viewport . That’s a bubble bug.
I have to use CSS code to make it work, specifically: #hero {width:100%; height: 100vh !important;} in an html element.
You could implement that in your plugin. Even better: if you have connections with bubble, ask them to fix that bug.
Hi @gyangting,
Thank you for your reply, we are glad everything is working.
I’ve checked your suggestion with the dev team and our plugin is made to keep the proportion of the image size first, also by default Bubble does not support “vh” unit value and we cannot use this parameter in the plugin code.
Glad that using the custom CSS style worked for your use case.
If you require any further information, feel free to contact me.
All the best,