Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 26, 2022 at 4:14 pm #1359478
    khyatipal1

    Hi,
    I know this topic has been discussed in other threads, however, the recommended solutions hasn’t worked for me. Using the recommended code in other forums I was able to get the accordion slider stacked on mobile, however, it overflows and covers the information underneath.

    It appear on the homepage – dev.redsnappergroup.co.uk

    Please help.

    August 1, 2022 at 2:22 am #1360035
    Nikko

    Hi khyatipal1,

    I could see this js error in the web console which prevents the accordion slider from working properly on mobile:
    (index):348 Uncaught ReferenceError: jQuery is not defined
    It points to this code:

    (function($){
        function b() {
               var acch1 = 0,
                   acch2 = 0,
                   ww   = $(window).innerWidth();
                    console.log(ww);
               if (ww >= 768) {
                       $('#about').css('margin-top', 0);
                       $('#video').css('margin-top', 0);
               } else {
                       $('#portfolio + #portfolio + #accordion_slider_1 .aviaccordion-slide:not(":first-child")').each(function() {
                               acch1 += $(this).height();
                       });

                       $('#about + #accordion_slider_1 .aviaccordion-slide:not(":first-child")').each(function() {
                                      acch2 += $(this).height();
                       });

                       $('#about').css('margin-top', acch1);
                       $('#video').css('margin-top', acch2);
               }
        }

        $(window).on('debouncedresize', function() {
               b();
        });
})(jQuery);

    Try to save it in a js file and then enqueue the script and make jquery it’s required file.
    Hope this helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.