Bug on Easy Slider

Hi,
Thanks for the link to your home page slider, I see this only occurs on your FR home page and on your EN home page all of the slides are the same.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function equal_slider_height() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($) {
      $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-1').each(function(index){
          $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-2').find('img').eq(index).css('height', $(this).css('height'));
          $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-3').find('img').eq(index).css('height', $(this).css('height'));
      });
})(jQuery);
});
  </script>
  <?php
}
add_action('wp_footer', 'equal_slider_height');

It will get the height of first video slide and apply it the next two image slides.
After applying please clear your browser cache and check.

Best regards,
Mike

Hi,
Please ensure that you have copied the code from the forum and not an email as the greater than symbols may paste incorrectly, as the code above is correct:

If you are still having trouble please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
Glad to hear this is helping, try removing your other css and see if that helps.
If not please include a admin login in the private content area.

Best regards,
Mike

Hi,
Thanks for the login, this is the css I added:

@media only screen and (max-width: 1024px) {
#full_slider_1 .avia-slideshow-1 {
	min-height: 500px;
} 
.avia-slide-wrap > img {
object-fit: cover;
width: 100%;
height: 500px;
}
}

this is the updated script:

function equal_slider_height() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($) {
	var width = $(window).width();
	if ((width >= 767)) {
      $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-1').each(function(index){
          $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-2').find('img').eq(index).css('height', $(this).css('height'));
          $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-3').find('img').eq(index).css('height', $(this).css('height'));
      });
	} else {}
})(jQuery);
});
  </script>
  <?php
}
add_action('wp_footer', 'equal_slider_height');

please clear your browser cache and check.

Best regards,
Mike

Hi,

We applied a unique ID to the slider (edunao-slider) and edited the script a bit. Let us know if this works.

function ava_equal_slider_height() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($) {
	var width = $(window).width();
	if ((width >= 767)) {
      $('#top #edunao-slider .avia-slideshow-inner li.slide-1').each(function(index){
          $('#top #edunao-slider .avia-slideshow-inner li.slide-2').find('img').eq(index).css('height', $(this).css('height'));
          $('#top #edunao-slider .avia-slideshow-inner li.slide-3').find('img').eq(index).css('height', $(this).css('height'));
      });
	} else {}
})(jQuery);
});
  </script>
  <?php
}
add_action('wp_footer', 'ava_equal_slider_height');

Thank you for your patience.

Best regards,
Ismael

Hi,

Have you tried removing the the add_action(‘wp_footer’, ‘ava_equal_slider_height’); hook from the functions.php file? This will disable the modification and revert the site to its previous state. Let us know if this helps.

Thank you for your patience.

Best regards,
Ismael

Hi,
The issue you were having was due to the Smush lazy loading, I have disabled it for you and now the sliders are working correctly.
Smush is aware of this issue from other Smush Pro users in our forum, and said they are looking into it, unfortunately, we can not fix this from within the theme.
Smush is also aware that their page, class, and ID exclusion doesn’t work, otherwise we could have just excluded the slider.
Please note that the theme has lazy loading built-in at Enfold Theme Options ▸ Performance ▸ Responsive Images And Lazy Loading so you still have lazy loading without the plugin.

Please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard