Hi ??
I’m going to list out each question to make sure I haven’t missed answering anything.
1. Before finishing loading the screens it shows all the captions stacked on one side.
This is what we call Flash of Unstyled Content (FOUC). When the page take a bit to load, all the content will display on the site (including the slider images) until the scripts and content are completely loaded and only then will the js kick in. You could try using custom js to fade in the page after everything is loaded. Something like this:
$(document).ready(function(){
/*! Fades in page on load */
$('body').css('display', 'none');
$('body').fadeIn(500);
});
just as an example.
2. On mobile the first slide is way shorter than the rest, no matter what slide I use as the first one it always does that.
Are you on the free version of Soliloquy? If so, that is just the image responsively resizes to meet the mobile screen size. With the premium version, you can set up specific images sizes to use for tablets/phones that would use a cropped image so all slider images would be cropped at the same width and height.
3. While it is loading the slides – takes a long while, probably not Soliloquy’s fault – the whole front page jumps, I think the height of the slider container should always be the size of the images inside.
I’m actually getting a 404 on that page link but I would imagine FOUC and the js listed above would assist in this particular issue. But you can always run your page through GTMetrix to see if they can make any further recommendations for you (expiring headers, image optimization, caching/minifying etc).
4. Your support website is showing a 500 internal error
I apologize, we are currently experiencing some server issues and the devs are looking into this. Currently the site is up though.