Intro.js: navbar fixed top, positioning issue

[desduvauchelle]

Hello,

First of all, thank you very much for this amazing plugin!
I'm using Twitter bootstrap for the layout of my site and I put one of my steps in a navbar fixed top. Making the the number step cut off... (see princtscreen).

Any chance we could also change the position of the step number for such cases?

Thanks,
Denis

[afshinm]

Hey @desduvauchelle, could you please send us an online example, jsFiddle or something?

[wackazong]

Same for me. Also, the elements that should be highlighted are not visible.

[beaushinkle]

I believe that this is because navbars tend to live within an element with position: fixed, which is a current known bug.

[gdbhosale]

Im also getting same bug !! Please reply if anyone does know this.

[sharpnk]

I think this can be fixed with CSS. See: sharpnk@6c2132c

Let me know how it works for you guys. I ran into this issue yesterday with Bootstrap's fixed navigation bar.

[andrewjmead]

+1

I ran into this issue with my nav bar and position: fixed.

This article and the comments explain the issue: http://updates.html5rocks.com/2012/09/Stacking-Changes-Coming-to-position-fixed-elements

[afshinm]

I will fix this issue for the next version. Thanks for report.

[dud3]

The same issue for me. position:fixed

[adamburke]

sharpnk - that fix did not seem to fix it for me.

[dud3]

I guess a little work around would be to, at a certain step to set the .introjs-helperLayer "alpha channel" to 0.
Will be a little bit more visual I guess.