Turn Off Progress Bar Before Site Loads?


Any way to turn off that yellow progress bar before the site loads? I ended up having to turn off most of the awesome features, sadly, and now just have a very simple page, so it seems unnecessary? Also seems to be preventing the page from loading quickly - especially in mobile.

Screenshot attached is mobile, but I want to turn this off in all devices/screen sizes.



Unfortunately, I cannot assist you with this change.
Sorry that I cannot be of more help.


Hello again,

On a second though, try using this code to hide the loading bar:

display: none !important;

Let me know if this is working as expected.


Works – thank you!!!

Hello , I am also getting same problem , can you tell me where to paste this code.
Thank you.

Thank you very much. :slight_smile:

Hey there,

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

Best regards,

I have a loading bar on my website - how do I get rid of it?!

Uploading: loadingcounterpic.PNG… http://www.wordsatwork.co.uk

Hey there

You may use this css code to dissable it:

.pace-overlay {
    display: none !important;