search

noelboss / featherlight

Featherlight is a very lightweight jQuery lightbox plugin. It's simple yet flexible and easy to use. Featherlight has minimal css and uses no inline styles, everything is name-spaced, it's completely customizable via config object and offers image, ajax and iframe support out of the box. Featherlights small footprint weights about 4kB – in total.
https://www.noevu.ch/featherlight-js-the-ultra-slim-lightbox/
MIT License
2.07k stars 296 forks source link

Popup Modal appears on mobile #406

Closed loretog closed 4 years ago

loretog commented 4 years ago

Popup Modal appears when screen is 768px and below

http://prntscr.com/rmr7yb

https://www.digitalcreationacademy.com/cheat-sheet-opt-in-test/ pass: test1

Fix:

CSS .popup-modal { display: none; }

JS jQuery(function() { //if( jQuery( ".page-id-37" ).length ) { // specific page jQuery(document).on('click', '.button', function () { jQuery( ".popup-modal" ).css( 'display', 'block' ); }); jQuery(document).on('click', '.featherlight-close', function () { jQuery( ".popup-modal" ).css( 'display', 'none' ); }); //} });

marcandre commented 4 years ago

I'm sorry, I don't see how that would be a Featherlight bug. If you remove the library from your page you will still have the exact same issue! Good luck