Menu collant dans twentytwelve

Statut : non résolu

Ce sujet contient 8 réponses, 3 participants et a été mis à jour pour la dernière fois par jmv7, le il y a 11 années et 7 mois.

9 sujets de 1 à 9 (sur un total de 9)

Auteur

Messages
29 juillet 2013 à 14 h 45 min #526838

jmv7
Membre

Initié WordPress
19 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.5.2
– Version de PHP/MySQL :
– Thème utilisé : Twentytwelve + enfant
– Extensions en place :
– Nom de l’hebergeur : one.com
– Adresse du site : Location vacances St Jean de Luz

Problème(s) rencontré(s) :

Bonjour,

Après plusieurs recherches y compris dans le forum je n’ai pas trouvé comment rendre mon « menu collant » dans le thème « twentytwelve » que j’utilise.
J’ai même acheté un tuto (7.95€, pas de quoi se ruiner…), mais je n’arrive pas à adapter le fichier source à mon thème. Il faut dire que je suis novice.
J’ai demandé de l’aide à son auteur depuis plusieurs jours, mais pour l’instant silence radio.
Si quelqu’un veut bien m’aider, je peux lui adresser le fichier source que j’ai acheté. Pour voir le menu horizontal il suffit de cliquer ICI

Cordialement,
jmv7

29 juillet 2013 à 14 h 51 min #905260

luciole135
Participant

Maître WordPress
13714 contributions

qu’est-ce que c’est un menu collant ?

29 juillet 2013 à 14 h 58 min #905261

jmv7
Membre

Initié WordPress
19 contributions

Il s’agît d’un menu appelé aussi « sticky ». J’aimerais que mon menu horizontal reste collé en haut lorsqu’on scrolle vers le bas.
Merci de ton intérêt.😉

29 juillet 2013 à 15 h 05 min #905262

luciole135
Participant

Maître WordPress
13714 contributions

Vous voulez dire un menu qui reste fixe sur l’écran, qui ne bouge pas de l’écran même si on scrolle vers le bas ?

29 juillet 2013 à 15 h 48 min #905263
sh3fla
Membre

Padawan WordPress
57 contributions
Menu collant, je valide !
Plus sérieusement, ajouter cette ligne
```
position: fixed;
```
dans la feuille de style de ton thème enfant à la ligne « .main-navigation ul.nav-menu »
Cela devrait répondre à ton besoin originalement formulé 🙂
29 juillet 2013 à 16 h 20 min #905264
jmv7
Membre

Initié WordPress
19 contributions
A Luciole « Vous voulez dire un menu qui reste fixe sur l’écran, qui ne bouge pas de l’écran même si on scrolle vers le bas ? »
Oui, c’est ça-même !

A sh3fla: J’ai essayé votre code (voir ci-dessous) mais dans ce cas le menu disparaît complètement. Je laisse un instant ainsi afin que vous vous rendiez compte.
```
/*
Theme Name: twentytwelve-enfant
*/
@import url(« ../twentytwelve/style.css »);
hr {
background-color: #fff;/*supprime ligne du haut dans jeu*/
}
.entry-content img {
border-radius : 0;
box-shadow : none;
}
.entry-header .entry-title {
padding: 15px;
text-indent: 40px;
background: url(http://location-st-jean-de-luz.com/wp-content/uploads/2013/05/sol.jpg) 0 0 no-repeat;
}
.entry-content table {
border: none;
}
.entry-content td {
border: none;
}
.main-navigation li a {
color: #3366FF;
}
.main-navigation ul.nav-menu {
position: fixed;
border: none;
background: url(http://location-st-jean-de-luz.com/wp-content/uploads/2013/05/gradient-bg.png) repeat-x; 
width: 1040px;
margin-left: -40px;
margin-top: -100px;
text-align: center;
}
.site-header {
padding: 0px;
}
.site-content article {
border: none;
}
body .site {
margin-top: 5px;
}
p.c4 {text-align: justify;}  table.c3 {width: 650px;}  td.c2 {width: 325px;}  span.c1 {color: #3366ff;}
}
table.c9 {width: 650px;}  span.c8 {background-color: #ffff00;}  span.c7 {background-color: #ffff66;}  span.c6 {background-color: #ffff99;}  table.c5 {width: 250px; height: 55px;}  td.c4 {width: 45px;}  td.c3 {width: 39px;}  span.c2 {color: #05d002;}
}
.nav-menu {
position:fixed;
background: #333;
top:0;
right:0;
left:0;
z-index:99;
}
 
/**
* @author Brad Dalton – WP Sites
* @learn more http://wp.me/p1lTu0-9Wv
*/
```
Merci à vous deux pour vos réponses.
29 juillet 2013 à 16 h 39 min #905265

sh3fla
Membre

Padawan WordPress
57 contributions

Oups pardon ! Cela ne doit pas être compatible avoir les valeurs négatives de tes « margin »…
Pas d’autres idées pour l’instant…

29 juillet 2013 à 17 h 35 min #905266

jmv7
Membre

Initié WordPress
19 contributions

Merci toujours d’avoir essayé !

Je remets mon menu en place et supprime donc « position: fixed; »

Dans l’attente d’une solution…

2 août 2013 à 8 h 19 min #905267

jmv7
Membre

Initié WordPress
19 contributions

Bonjour,

Quelqu’un peut-il m’aider à rendre mon menu collant comme ici ?
Auteur

Messages