Public Ticket #1064819
Layer Slider Does Not Appear on Page with Embedded Youtube Video


  •  2
    shivore started the conversation

    I am currently building out a website, it is in the early stages and currently exists on a MAMP server on my local computer, so unfortunately I cannot link the website to you at this stage. The website is using the Qode Bridge Theme: https://themeforest.net/item/bridge-creative-multipurpose-wordpress-theme/7315054

    I had a LayerSlider setup and working properly on my homepage, until I added an embedded YouTube video further down the page. When the video was added, the slider stopped appearing. If I remove the video, the slider reappears.

    Investigating in the Console within Google Chrome reveals a JavaScript error that only appears when the embedded YouTube video is added, here is the text of the error:

    Uncaught TypeError: Cannot read property 'vars' of undefined
        at HTMLDivElement.<anonymous> (default.min.js?ver=4.7.2:3)
        at Function.each (jquery.js?ver=1.12.4:2)
        at a.fn.init.each (jquery.js?ver=1.12.4:2)
        at qodeNumberOfTestimonialsItemsResize (default.min.js?ver=4.7.2:3)
        at default.min.js?ver=4.7.2:6
        at dispatch (jquery.js?ver=1.12.4:3)
        at r.handle (jquery.js?ver=1.12.4:3)
        at Object.trigger (jquery.js?ver=1.12.4:3)
        at Object.a.event.trigger (jquery-migrate.min.js?ver=1.4.1:2)
        at jquery.js?ver=1.12.4:3

    I've ensured my plugins and WordPress install are up to date, and I've experimented with the Advanced options with LayerSlider, to no affect.

  • [deleted] replied

    Hey shivore,

    The issue is most likely caused by a JS error in your theme files. Several of our customers had also faced similar issues with the Bridge theme in the past. Unfortunately the error is generated by the theme itself, so we cannot fix it from our end.

    As far as we know they have already released a new version to fix this, please update to the latest version of Bridge to see if that solves the problem.

    In case the problem persists with the latest release as well, please temporary remove the slider from your page to see if the error still occurs. We do not believe that this video problem is related to LayerSlider, the JS error could easily cause issues like this, for example messing with the slider.