Sticky menu avec l'extension brandstore

Résolu/Fermé
atoumane20 Messages postés 3 Date d'inscription jeudi 23 avril 2020 Statut Membre Dernière intervention 30 avril 2020 - 23 avril 2020 à 16:52
atoumane20 Messages postés 3 Date d'inscription jeudi 23 avril 2020 Statut Membre Dernière intervention 30 avril 2020 - 30 avril 2020 à 16:53
Bonjour à toutes et à tous j'ai un soucis , je suis en train de créer un site e-commerce avec WordPress en utilisant le thème Astra free mais également le constructeur de page elementor free. Mon soucis est de rendre le menu de navigation fixe
NB: j'utilise le plugin brandstore
Merci d'avance
A voir également:

1 réponse

Bonjour,
Il y a des plugins pour avoir un menu Sticky, comme Sticky Menu (or Anything!) on Scroll
https://fr.wordpress.org/plugins/sticky-menu-or-anything-on-scroll/

il me semble que le thème OceanWP (free) a cette option, à la différence du thème Astra (free).
0
atoumane20 Messages postés 3 Date d'inscription jeudi 23 avril 2020 Statut Membre Dernière intervention 30 avril 2020
29 avril 2020 à 00:13
Bonsoir Mr Joël je l'ai résolu en ajoutant un bout de code dans la classe css concernée puisque j'avais utilisé le plugin que vous m'aviez suggéré mais ça ne marchait pas.
0
RichardRider > atoumane20 Messages postés 3 Date d'inscription jeudi 23 avril 2020 Statut Membre Dernière intervention 30 avril 2020
29 avril 2020 à 10:50
Bonjour,
Vous avez un thème enfant ou avez-vous mis le code dans Personnaliser > Additional CSS ?
Quel code avez-vous mis, cela peut aider d'autres personnes, merci de partager la solution.

Merci de mettre le sujet en résolu.
https://www.commentcamarche.net/infos/25917-marquer-un-fil-de-discussion-comme-etant-resolu/
0
atoumane20 Messages postés 3 Date d'inscription jeudi 23 avril 2020 Statut Membre Dernière intervention 30 avril 2020 > RichardRider
30 avril 2020 à 16:53
Effectivement j'ai mis le code dans Additionnal Css. j'ai repéré la classe css du nav bar puis j'ai ajouté le code suivant:

.main-header-bar-wrap {
height: 60px;
z-index: 170;
margin: 0 auto;
width: 100%;
position: fixed;
top: 0;
left: 0;
text-align: centre;
}
0