NextGEN Film Pro showing great on desktop, not showing on mobile

This is really a critical issue as the client is a photographer and trying to run her business from the site. The proofing galleries are not working and I get the following error message:“Fatal Error: Could not extract a stage height from the CSS. Traced height: 0px.”

I looked through Enfold docs and found that it’s a common issue, but couldn’t find an applicable solution. Please help.

Hi Andy,

I’ve been working with NextGEN support. It is a known issue with Enfold, however their suggestions are not working to resolve the issue.

Here is the thread with their support:

Thanks, Deanna!

Let’s try the following under Gallery > Other Options > Style (replacing the original I suggested):

.galleria-theme-nextgen_pro_lightbox .galleria-stage, .ngg-galleria {
height:100% !important;
}

There may be some trial and error involved, but as noted earlier, it will involve finding the most correct HTML element to insure that a height is set appropriately.

Thanks!

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Tue, Sep 27, 2016 at 1:20 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Cais,

The specific page is: http://laurenhardyphotography.ca/weddings

The issue only presents on mobile (Andoird of Apple). It works great on Desktop.

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-27-16 12:20 PM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Deanna –

Can you share a link to the specific display where you are seeing this issue. The above suggested work-arounds are generally found to sort out issues with the Pro Lightbox, I do not recall the issue being reported for a specific display type previously … although a similar work-around to specify a height for the display will also likely sort this out if that is the case.

Thanks!

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Tue, Sep 27, 2016 at 9:58 AM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Becky,

Also, the issue is only on mobile. The gallery shows great on desktop on all browsers.

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-27-16 9:07 AM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Hey Deanna,
Yep, that’s correct. Would you happen to have a caching plugin installed? If so, could you purge all site cache and then deactivate that plugin. Next, clear your browser cache and reload your site. Often times, a caching plugin will interfere with site updates like this. Clearing it all out should provide a more accurate result of your style changes. You might also open your site in a different browser for comparison. Let us know your results. :)
Becky

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Mon, Sep 26, 2016 at 4:17 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Thanks, sorry my misunderstanding. It’s still not working.

Should it look like this: Lines 43 – 54

.galleria-theme-nextgen_pro_lightbox .galleria-stage {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}

.galleria-theme-nextgen_pro_lightbox .galleria-stage {
height:100% !important;
}

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-26-16 4:05 PM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Deanna –

As noted previously, you may need to add that specific custom CSS directly into the file I pointed to.

As to the Enfold components, and how they may or may not affect this issue … that is an unknown on our part as we are not familiar enough with their code/options/features to specifically say.

Thanks!

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Mon, Sep 26, 2016 at 4:01 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Cais,

Thanks for the solution, but it’s still showing error message on mobile (Android & iPhone after clearing caches many times) maybe I’m not implementing it correctly.

Are you able to log into the back end of my website and see? I can create a temporary login for you.

Now, I did disable to Enfold Lightbox Modal – I saw this on another support forum. Should this be enabled or disabled?

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-26-16 3:52 PM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Deanna –

Further review of this conversation, and the note that you are using a Child-Theme of the Enfold theme, this is a known issue with the enfold theme.

You will need to add some custom CSS to correct for the problem.

The issue is specifically with the CSS used here:

../wp-content/plugins/nextgen-gallery-pro/modules/nextgen_pro_lightbox/static/theme/galleria.nextgen_pro_lightbox.css

The following added under Gallery > Other Options > Style should sort out this issue.

.galleria-theme-nextgen_pro_lightbox .galleria-stage{
height:100% !important;
}

If it does not, you will need to add the above to the file noted, and will have to do so again with every update to our plugin if the issue returns in those cases.

Thanks; and, our apologies for not noting this earlier.

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Mon, Sep 26, 2016 at 3:35 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Cais,

The Pro Gallery is working on mobile only when it is opened in a new window.

Does this help your diagnostic at all?

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-26-16 3:13 PM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Deanna –

Switching themes and how well they retain their settings, etc. is solely on how the theme was built. If you have concerns with this specifically for your current theme then you would be best contacting the theme’s author to see if your concerns are warranted.

Thanks!

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Mon, Sep 26, 2016 at 1:25 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Becky,

Thanks for getting back to me. I have deactivated all the plugins but that did not resolve the issue.

I am hesitant to switch the theme, will I lose all my formatting and pages, etc.? If you can please let me know if I will lose all the content, layouts, etc.? Thanks!

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-26-16 10:47 AM
To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Hello Deanna!
Errors like this can typically occur due to a conflict on your site. I’d like to have you try a few things here. Please deactivate ALL plugins. Please also temporarily switch your theme to a WordPress default theme like Twenty Twelve. Now, reactivate NextGEN Gallery & NextGEN Pro/Plus only. If this turns out OK and the error does not occur, switch back your theme. If there is still no error, than that’s a good sign – no theme conflict! :) Now reactivate each of your other plugins until the error comes back and let me know which one is the culprit.

Keep me posted. :)
Becky

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Sat, Sep 24, 2016 at 1:51 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Name
Deanna Simone
Email
(Email address hidden if logged out)

Brief subject of your request
Fatal Error on filmstrip pro only on mobile
What is this query referring to?
An Imagely Plugin
Which Imagely Plugin?
NextGEN Pro
What version number?
nextgen 2.1.50 & nextgen pro 2.3.53
What version of WordPress are you running?
4.6.1 running Enfold-Child theme
Have you tried deactivating all plugins to test for plugin conflict?
Yes – no change.
Have you tested for a theme conflict?
Yes – no change.
What browser do you see this error in?
• Chrome
Do you still see this error after clearing browser cache?
Yes
What happens when you disable ALL browser extensions/plugins?
No change.
Hosting Provider
HostGator
How can we help?
The NextGEN Pro Film strip appears great on the website, it is only on mobile that I get the error message:
“Fatal Error: Could not extract a stage height from the CSS. Traced height: 0px.
Website

Notice
• My question is not about advanced customization.

Here is the fix my colleague found:

http://laurenhardyphotography.ca/wp-content/ngg_styles/nggallery.css

Here is the screen shot: http://rosewoodva.ca/wp-content/uploads/2016/09/Screenshot_20160929-111932.png

Please, if you have any suggestions to improve upon the fix, let me know. Thank you.