Not showing at all on mobile

Hi,

The problem is from:
main.js?ver=3.3.2:4870 Uncaught TypeError: Cannot read property ‘length’ of undefined
at HTMLDivElement.<anonymous> (main.js?ver=3.3.2:4870)
at Function.each (jquery.js?ver=1.12.4-wp:2)
at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
at Object.init (main.js?ver=3.3.2:4869)
at Object.init (main.js?ver=3.3.2:89)
at HTMLDocument.<anonymous> (main.js?ver=3.3.2:5042)
at i (jquery.js?ver=1.12.4-wp:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)
at Function.ready (jquery.js?ver=1.12.4-wp:2)
at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)

$(‘.grve-row-section’).each(function(){
if ( $(this).attr(‘data-anchor’).length ) {
$(this).attr(‘id’, $(this).attr(‘data-anchor’) );
}
});

That error prevents further execution of scripts and flipbook never starts; since it relies on jQuery onReady function.

The error occurs only in mobile, so just correct and validate the statement and it will work.

Best,
DearHive

Hi!

Thanks so much for the quick response – I’m afraid I don’t know what is causing the error and don’t have js knowledge. Would you have any guess where that’s coming from? Thank you!

Hi,

It’s from this file.
https://cliflu.dream.press/wp-content/themes/movedo/js/main.js?ver=3.3.2

The error is simple and a check failure, and can be easily improved.
YOu can report this to the theme developer and they will fix/improve it.

Best,
DearHive

Hi!

Thanks – an update fixed that issue. I did have another question – I can open another topic if that’s better. Some of our flip books display just fine ratio-wise – as in the images look proportional. Others seem like the height is fine and then the width isn’t correct, so the images look distorted. You can see examples of both here: cliflu.dream.press/black-interiors-envisioning-a-place-of-our-own

Is this something I can fix with the settings or css?

Hi,

Flipbooks require pages of the same size, specifically the same size-ratio. Different sizes of page will cause distortion.

Got it! And yes, that fixed our distortion issues. One more question though. We have a flipbook shortcode in a Slider Revolution slider and it is displaying at the minimum width. Is it advisable to increase the size of the flipbook via css? thank you!

Hi,

There is an issue with flipbooks inside other elements that stay hidden during page load. So if the slide is hidden and doesn’t have height during page load then the flipbook cannot detect the whole height. Browser resize can fix that issue but that is not a solution either.

Can you share the link to your page? Forcing from CSS could work, but it depends on how the slider works.

Best,
DearHive

https://cliflu.dream.press/voice-your-vote-the-history-of-african-americans-and-the-right-to-vote/ Slide 9 has the shortcode inside a row and the last slide is an example of how we had it before, just inserted as a text element into the slide.
Thank you!!

HI,

You have added a height of 500px. By default, it’s auto cause normally the scrolling is vertical.

In your case, you can try using
100% – takes 100% of parent container height
100vh – takes the value of browser vertical available height.

Give those two a try.

Best,
DearHive

Brilliant! That worked perfectly. Thanks so very much for your help!

Ah – sorry! Same page – It looks great! but the pages are slightly off center. I can’t figure out how to center it

Hi,

Why don’t you use thumb type popup lightboxes and they will open bigger than what you have.

Give it a try.

Best,
DearHive