Updated to latest version of enfold and it has Broken my full screen slider

Hey A-Wise,
It seems your site is down, if you can login to the backend please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Have you tried disabling your plugins?
Please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks for the login, I see that you have added HTML and shortcode into your slider caption:

Please notice the warning below the field:

Warning: Characters <,>,[,] might break ALB backend or frontend. Read more if you want to use them. You can use valid HTML markup.

I believe this is the issue, please remove this, or try using the LayerSlider instead as it allows HTML in the slides.

Best regards,
Mike

Hi,
Thanks for your patience, I was not able to edit your dev site homepage as it gave a server 500 error, I believe this is due to HTML code errors on the page after you saved it, I Enabled the Avia Layout Builder Debugger but this didn’t help in recovering the page. So I duplicated your page and it allowed me to edit it and I found css in the custom class field which is one possible reason for the failure:

.caption_framed .slideshow_caption .avia-caption-title { background: rgba(242, 242, 242, 0.5) !important; }

I removed and saved the page and it seems to be working correctly now, please check the link below.
I also found many more elements with HTML code, these can lead to future errors.

I recommend using our Special Character Translation plugin, please see our documentation: Using special characters

Best regards,
Mike

Hi,
Thanks for the feedback, if your other sites are mirrors with the same HTML in the fields and show the red warnings as in the screenshots above, please remove the HTML as I explained above.

Best regards,
Mike

Hi,
It looks like perhaps you missed the instructions for the plugin that I linked to above.
When you add HTML the fields that give the warning you need to change the Greater Than (>) and Less Than (<) symbols to ###lt### and ###gt###
so <span> will look like ###lt###span###gt###
This is what the link “Read more” in the red warning message in the element explains

ignoring these warnings could lead to errors in your page, elements behaving incorrectly, and in some cases a crash in your page.

Best regards,
Mike

Hi,
Thanks for the link to your site, the login you provided above doesn’t seem to work on the site but I see two issues, the fist is the “My” menu over the mobile menu so it can’t be clicked, notice the blue area over the mobile menu

and these two scripts causing an error because it’s called before jQuery:

<script>
    (function($) {
        function a() {
            $('#top #wrap_all .social_bookmarks li a').each(function() {
                $(this).attr('rel', 'noopener');
            });
        }
        a();
    }
    )(jQuery);
</script>

<script>
    jQuery(".navbar-toggler").click(function() {
        jQuery("html").toggleClass("open");
        jQuery("body").toggleClass("open");
        jQuery(".navbar-toggler").toggleClass("open");
        jQuery(".mobile-menu-list").toggleClass("open");
    });
    jQuery(".menu > li > a").click(function() {
        jQuery(this).parents(".menu > li").toggleClass("open");
    });
</script>

Try changing them to include window.addEventListener(‘DOMContentLoaded’, function() {…});
like this:

<script>
window.addEventListener('DOMContentLoaded', function() {
    (function($) {
        function a() {
            $('#top #wrap_all .social_bookmarks li a').each(function() {
                $(this).attr('rel', 'noopener');
            });
        }
        a();
    }
    )(jQuery);
});
</script>

<script>
window.addEventListener('DOMContentLoaded', function() {
    jQuery(".navbar-toggler").click(function() {
        jQuery("html").toggleClass("open");
        jQuery("body").toggleClass("open");
        jQuery(".navbar-toggler").toggleClass("open");
        jQuery(".mobile-menu-list").toggleClass("open");
    });
    jQuery(".menu > li > a").click(function() {
        jQuery(this).parents(".menu > li").toggleClass("open");
    });
});
</script>

Best regards,
Mike

Hi,
I believe that you are referring to the two buttons My A-Wise and Call Us stacking on the mobile version of the test site, but today the test site is not loading please check.
Since the live site is working correctly and it is using Enfold 5.4.1, compare the settings and the custom css to find the difference.

Best regards,
Mike