JS Header Issues
I'm asking this to the community here, as well as support. Does anyone know how to improve the performance of this theme to prevent header items from jumping on page load/refresh? This problem is obvious on every theme demo - open the Plumber demo and see the main menu initially load beneath the logo then jump to it's correct position inline. I'm keen to use BeTheme but support have previously told me nothing can be done to fix this, and it looks really poor.
Inspection tools on Chrome return this error -
Optimize the order of styles and scripts (24)
The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
css
dashicons.min.css
admin-bar.min.css
style.css
base.css
buttons.css
mfn-icons.css
grid.css
layout.css
shortcodes.css
variables.css
animations.min.css
colorpicker.css
jquery.ui.all.css
jplayer.blue.monday.css
prettyPhoto.css
responsive-1240.css
responsive.css
style-colors.php
style.php
css
css
custom.css
1 inline script block was found in the head between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.
Is it related?
There must be a way to resolve this problem and stop header items jumping all over the place when you move between pages.
Thanks,
Paul.
Comments
this is not a bug but that's how javascript works. Because headers are quite advanced, the width of header must use javascript because otherwise it won't work properly. If you will send us url to page where you have this problem, we can check if it's possible to use fixed width in your case (everything depends on your current settings).
Thanks!