Lightbox for PDF Has Issues

  • fitsmartyou

    (@fitsmartyou)


    1 year ago

    Hello, this is a great plugin but it is not working for me as expected. I have tried it on two of my websites and we’re encountering two issues:

    (1) On DESKTOP: There is a white layer that covers approximately 75% of the document, leaving the reader to only see roughly 25% of the document

    (2)On MOBILE: Only the first page is being rendered, no matter how much I try to scroll or swipe

    PS: The .pdf links are in the “Business Plan Examples” portion of the provided page. Thanks. Looking forward to your support.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author FirelightWP

    (@firelightwp)

    1 year ago

    Hi @fitsmartyou –

    Thanks for the report and for sharing the link. It’s a nice site you have!

    1) Desktop: I can see what you are seeing for this – the white layer covering 75% of the document. This is not something I’ve ever seen before on any test site or customer site, so I have no idea what’s doing that. It’s very likekly to be something specific to your site. Can you describe to me in detail how you are adding the PDF to the page?

    2) Mobile: Unfortunately, opening PDFs with fancybox in mobile is known to have issues. This isn’t so much an issue with the plugin as it is an issue with the underlying fancybox script (fancybox is a JavaScript library – and our plugin just wraps it). See https://github.com/fancyapps/fancybox/issues/1542 for example.

    I’m working on a solution for mobile PDFs – I may integrate PDF.js or try loading PDFs using a different JS library when on mobile. Given the complexity involved, it’s possible this will be released as part of the Pro plugin rather than the free one. I’ll share here when there’s an update.

    –

    In any case, it *should* work on desktop, so feel free to share details on that and we’ll see if we can figure out what’s going on there.

    Thanks!

    Thread Starter fitsmartyou

    (@fitsmartyou)

    1 year ago

    Hello, thanks for the compliments.

    (1)I have tested the plugin on two of my sites using the NEVE (free WordPress theme) and the problem has appeared on both sites

    (2)I switched theme temporarily to Twenty Twenty Four and the problem disappeared

    So, I think this has everything to do with the NEVE wordpress theme by Themeisle.

    Plugin Author FirelightWP

    (@firelightwp)

    1 year ago

    Thanks for the additional details. I’ve downloaded Neve. Oddly, I’m not immediately having the same issue, so it may be related to some specific Neve settings.

    All that said, I’m wondering if you can try something simple. Please try adding this custom CSS to your site. This won’t affect things much on mobile, but it may affect the white space on desktop. 

    .fancybox object {
        height: 100%;
    }
    Plugin Author FirelightWP

    (@firelightwp)

    1 year ago

    Oh, I also wanted to confirm that I have started working on integrating PDF.js (https://mozilla.github.io/pdf.js/) for better PDF rendering across devices, especially on mobile, where PDFs are notoriously challenging. Unfortunately, this will be part of the Pro version. I’ll update when released, and if you are interested at that time, will happily give you some kind of special/large discount given you’ve raised this issue specifically.

    Thread Starter fitsmartyou

    (@fitsmartyou)

    1 year ago

    Unfortunately, that:

    .fancybox object {    height: 100%;}

    didn’t seem to fix the issue for me. I guess it’s something to do with a setting on my Neve theme – which I have installed on two websites and they’re all behaving the same. I’ll have to deactivate the Plugin for now until I figure out where the problem is. Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Lightbox for PDF Has Issues’ is closed to new replies.