[ModernBB] Navbar flottante fixer en haut de l'écran

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu [ModernBB] Navbar flottante fixer en haut de l'écran

Message par Maenhout Jeu 19 Oct 2017 - 14:15

Détails techniques


Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://naheulbeuk-online-v2.forumactif.com/

Description du problème

Bonjour à tous-tes.

Je souhaiterais que la navbar flottante reste continuellement positionner en haut de l'écran même pendant le scrolling, et quelle ne face pas disparaitre le logo.

Actuellement:
Résultat souhaitez:
CSS actuelle:

Merci par avance de votre potentiel coups de pouce.
Maenhout
Maenhout

Maenhout
Nouveau membre

Messages : 22
Inscrit(e) le : 08/05/2017

http://www.naheulbeuk-online.org/
Maenhout a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [ModernBB] Navbar flottante fixer en haut de l'écran

Message par MlleAlys Jeu 19 Oct 2017 - 19:06

Bonjour,
Ajoutez à votre css les codes suivants :
Code:
/*positionnement barre de navigation*/
ul.navbar.navlinks {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
#logo {
  margin-top: 60px;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5806
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [ModernBB] Navbar flottante fixer en haut de l'écran

Message par Maenhout Jeu 19 Oct 2017 - 20:51

Parfait, cela à pour effet également de réduire la navbar ce qui nous fais gagner de l'espace lisible.

Merci bien à toi MlleAlys.
Maenhout

Maenhout
Nouveau membre

Messages : 22
Inscrit(e) le : 08/05/2017

http://www.naheulbeuk-online.org/
Maenhout a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum