Help needed with Pace and z-index

Hey there guys, I just added this script: http://github.hubspot.com/pace/ to my page.
The problem is that for some reason I can’t view it. I only view the round icon on the right (I used the Flash CSS style just to test it), but not the bar itself. Any advice? I set the z-index for .pace at 9999, but nothing changed.

It’s easiest if we can see what you’re doing You could make a CodePen post if you don’t want to link to your live page.

Oh, I’m so sorry. I forgot to include the page link. Here it is: http://www.klayz.com/community/

First thing you could try is to fix this line (line 2040):

<script type="text/rocketscript" async data-rocketsrc="http://www.klayz.com/js/pace.min.js"></script>

You need a space between rocket and src for it to be a functioning src link.

ralphm, first of all thank you for your reply. I have async src="" in the code, then CloudFlare with RocketLoader trransform it to that way automatically. I have other scripts in the document that are transformed that way and they are working correctly.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.