Slide height

Hi, I was searching where to adjust the header slide height, but I can’t find it. It`s not the image size and there is not in header preferences. Please help me.

Hello there,

Thank you for reaching out to us here.

The default main slider height is handled by the jQuery Superslides plugin which is called in the js/scripts.js file. To modify the final height, you can use jQuery height() method applied to the main slider’s selector. Try to do the following 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

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

    var slideHeight = $('#slideshow').height();
    var newHeight = slideHeight-150;

    $('#slideshow').height(newHeight);
    
  });

})(jQuery);

  1. Update

You would need to clear your browser cache before reloading your site to see the script addition takes affect.

Regards,
Kharis

Now it works…!! Thanks you very, very much!