Different Book Mode for Mobile

  • Resolved gbbdesigner

    (@gbbdesigner)


    4 years, 2 months ago

    Hi. I would like to find out if it is possible to set single-page flip for mobile while using double-page flip for desktop?

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

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

  • Hi,

    As i see, you are using a Builder (Elementor).

    Why not create two shortcodes (one page and two pages) and then show the content depending of your devise ?

    Is just an idea, hope that can help you.

    If not, i guess that you need some coding and Css.

    Plugin Author Avirtum

    (@avirtum)

    Yes, we can change the book engine on the fly. Below is the code for the custom js section. If the screen less than 748px we use OnePageFlip engine otherwise TwoPageFlip.

    var instance = this,
$ = jQuery;

function onResize(e) { // create a responsive functionality
   if($(window).innerWidth () < 748) {
      instance.setBookEngine('OnePageFlip');
   } else {
      instance.setBookEngine('TwoPageFlip');
   }
}
$(window).on('resize', onResize);
$(window).trigger('resize');
    • This reply was modified 4 years ago by Avirtum.
    • This reply was modified 4 years ago by Avirtum.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Different Book Mode for Mobile’ is closed to new replies.