Changing Header / Moving Text

Hello!

The size of the header on my site loads in one of two different sizes. Pressing refresh will change it from one size to the other. I have looked in developer mode in Chrome and I can actually see <div class=”header-wrapper” style=”padding-top: 256px;”> change to <div class=”header-wrapper” style=”padding-top: 64px;”> when I hit F5.

The theme options has a setting for header size and large header size, but these numbers don’t seem to be related to the issue, I’ve set them both identically and it doesn’t fix it. Setting the header to be non-sticky rather than sticky does stop the issue but I would like it sticky if I can. Also, I don’t know if this helps diagnose, but if I apply a drop shadow to the header in custom CSS it adds the shadow half way down the visible header so it seems that there is some confusion as to where the header is/finishes.

Further down the page I have a testimonial slider which is generated by the theme and loaded using the theme’s own [ tags ] (as far as I know, it’s not familiar syntax to me). A similar problem occurs here, sometimes the testimonial text loads over the content below, other times it loads where it is supposed to, and again it moves when the page is refreshed. Is there any tag I can position the testimonial tag within which forces it to render in its original position?