Bulma: Feature : Nav Fixed

Created on 8 Mar 2017  路  3Comments  路  Source: jgthms/bulma

Hello et bonjour,

tout d'abord, merci beaucoup pour l'excellent travail fourni pour Bulma.io !!

Je souhaite donc r茅aliser une nav avec position fixed...
Est-ce que je compl猫te le Sass ou tu as pr茅vus quelque chose ?

Merci,
Nicolas

Most helpful comment

I think the french is throwing most people off, which is why no one is replying.

But for a quick-fix, I simply took bootstrap's code and it worked.

All you need to do is add this custom class onto your navbar and it will work:

    .nav-fixed-top{
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }

It does also overlay your main content so you will need to add some padding if necessary (bootstrap recommends 70px for their navbar).

(example)

All 3 comments

No one ? I close ?!

I think the french is throwing most people off, which is why no one is replying.

But for a quick-fix, I simply took bootstrap's code and it worked.

All you need to do is add this custom class onto your navbar and it will work:

    .nav-fixed-top{
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }

It does also overlay your main content so you will need to add some padding if necessary (bootstrap recommends 70px for their navbar).

(example)

Yes I believe a fixed nav can be a tricky one, simply because it involves adding padding to the body, and having a correct z-index for the nav.

Was this page helpful?
0 / 5 - 0 ratings