Slider is only fitting to it’s place after window resizing

There are some themes and templates, which are wrongly using JavaScript instead of css codes to adjust the width of the contents to the browser’s screen. The problem with this is that the page is loading from the html & css code, as it is intended, and our slider’s code is loading with it, adjusting it’s width to it, and then the JavaScript resizing is happening, but it’s only happening to the template contents, it doesn’t trigger anything to make the slider know, that a resizing happened, so you should go to the HTML widget, turn it on, and put this code into it:

<script>
    jQuery(window).load(function() {
        jQuery(window).trigger("resize");
    });
</script>

html_widget

This will do, that when everything has loaded on the site, it will trigger a window resizing event, and the contents outside your template can recalculate their widths.