Navigation des sections

Bricks vous proposes la “One Page Navigation” que vous trouvez dans les réglages de pages (page settings).

Chaque point possède sa propre classe et Bricks va rajouter la classe active pour la section sur laquelle nous nous trouvons. Il sera donc possible d’utiliser ces classes pour personnalisés la navigation, notamment avec un : before.

Voici le code utiliser pour cet exemple que vous allez personnaliser pour votre usage

/* Premiere, code si vous voulez cacher un point */

.bricks-one-page-brxe-ssvots {
  display: none !important;
}

/* Première, code global */

.bricks-one-page-brxe-uzgguv::before {
  content: "Accueil";
  display: inline-block;
  margin-left: -100px;
  margin-top: 5px;
  color: #e4d5b9;
  font-family: 'Varela Round';
}

/* Première, code lorsque la section est active */
.bricks-one-page-brxe-uzgguv.active::before {
  color: #a59678;
}

/* Seconde */

.bricks-one-page-brxe-opbiak::before {
  content: "Tutoriels";
  display: inline-block;
  margin-left: -90px;
  margin-top: 5px;
  color: #e4d5b9;
  font-family: 'Varela Round';
}

.bricks-one-page-brxe-opbiak.active::before {
  color: #a59678;
}

/* Troisième */

.bricks-one-page-brxe-yrfojf::before {
  content: "Articles";
  display: inline-block;
  margin-left: -90px;
  margin-top: 5px;
  color: #e4d5b9;
  font-family: 'Varela Round';
}

.bricks-one-page-brxe-yrfojf.active::before {
  color: #a59678;
}

Vous pouvez voir le résultat sur notre page d’accueil.