Support » Plugin: Popup Maker - Popup Forms, Opt-ins & More » Problem with Revolution Slider

  • Resolved larsvonhierblau

    (@larsvonhierblau)


    Hi, i have an issue with embedding a simple slider in the popup maker. It appears that first its open the popup but the slider seems to be cut of ( just a small stripe is seeable) Once i open the developing tools in chrome the full slider appears. Tested on different systems and still always the same error. I follow the troubleshooting procedures – no positive result.

    Site is this:
    http://www.rijwielen-vandenplas.be

    under point “meetcenter” is a picture. If you click on it the pop up shows you the error.

    Best regards

    Lars

    https://wordpress.org/plugins/popup-maker/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    @larsvonhierblau – This is generally caused by the sliders container not having a defined size, especially since its hidden when the slider is first run.

    You can try using the Custom size option and specifying a height & width. Or you could use CSS to set a height on the popmake-container element.

    Hope that helps.

    I did this already but it wasn’t working 🙁 For it looks somehow not CSS related. It looks for me more there is an issue with the JS.

    Plugin Author Daniel Iser

    (@danieliser)

    @larsvonhierblau – I am getting a slider rendered when clicking the image. There is currently only one slide and the width needs to be set on the .popmake-content element so that Rev Slider can auto detect the height & width of the popups content div. Other than that I don’t see any JS errors at all.

    Hello,

    @danieliser – I am having the exact same issue only this time this appears only on Google Chrome on Windows. Pop up opens when clicking a button and the slider appears very small like a thumbnail

    You are suggesting to specify height and width on the pop up settings but I can only see min and max width settings. When I add values there e.g. 500 px – the pop up size is changed but the rev slider behaves the same way!

    Any suggestions would be highly appreciated!

    Best,

    Bill

    Found the solution >

    Please add the following code in custom JS section as shown in link below:

    https://www.themepunch.com/faq/custom-css-or-javascript-for-version-5-0/

    jQuery(‘body’).on(‘click’, ‘.pum-trigger’, function() {

    jQuery(‘.pum-container’).trigger(‘resize’);

    });

    WP 4.6.1
    Rev Slider 5.3.0.2
    Popup Maker 1.4.20

    Plugin Author Daniel Iser

    (@danieliser)

    @bill-karkavos – Hmm, nice solution, but I would also add the issue really lies in how Rev Slider sets its slider size. Rather than using CSS they use JS, because the slider is hidden on page load they set the size to 0x0. You can define a size for it by wrapping a div around your slider code and setting that div with a specific height & width, the slider will then use that for its sizing. If you use CSS you can use media queries to scale it for different devices.

    I will bookmark this solution though as it seems it may solve the problem, if others try it and confirm it works for them too @waltmesser will get it added to our docs.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Problem with Revolution Slider’ is closed to new replies.