How to keep the footer still?

Is there a way to keep the footer from disappearing/moving? My testimonials are immediately before the footer section and that height changes according to the testimonial length causing the footer to shift.

www.NoreenFarooqui.com

Hello there,

To avoid elements that seat after testimonials shifting down, all testimonials height should be equal. To do so, try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    jQuery(function($) {

     $(window).on('load resize', function() {

       var testiItem = $('.testimonials-slider .testimonials-slider-item');
       var maxHeight = -1;

       testiItem.each(function() {
         maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
       });

       testiItem.each(function() {
         $('.testimonials-slider .testimonials-slider-item').height(maxHeight);
         $(this).height(maxHeight);
         $('.testimonials-slider .slick-list.draggable').height(maxHeight);
       });

     });

    });
  1. Update

Clear any applied cache before reloading your site, as it usually blocks new code addition to take effect.

Regards,
Kharis

Is this supposed to go under CSS? If so, there are 21 errors.

That isn’t CSS code. That’s actually JS script. To apply to your site, firstly you should install and activate the TC Custom JavaScript plugin. Then paste the code to Appearance > Custom JavaScript.

Regards,
Kharis