Design Miami : Stylez votre menu mobile
Page 1 sur 1
Design Miami : Stylez votre menu mobile
Je voulais vous montrer comment modifier les boutons du menu mobile de votre site Jimdo :
De base, ces boutons là sont gris. Si vous changez le background de votre menu, il se peut que vous ne les voyiez plus. Je tiens à préciser que je suis sur le design "Miami". Je ne sais pas si ça marche avec tous les designs car je n'ai pas testé.
Donc, il vous suffit d’intégrer ce code dans "Modifier le head" et de changer ce que vous voulez.
Voilà ! J'espère que l'astuce vous sera utile
De base, ces boutons là sont gris. Si vous changez le background de votre menu, il se peut que vous ne les voyiez plus. Je tiens à préciser que je suis sur le design "Miami". Je ne sais pas si ça marche avec tous les designs car je n'ai pas testé.
Donc, il vous suffit d’intégrer ce code dans "Modifier le head" et de changer ce que vous voulez.
- Code:
<style type="text/css">
/*<![CDATA[*/
/* Bouton Mobile */
/*Bouton menu*/
.jtpl-main{
color:#FFF; /*modifie la couleur en Unicode ou en rgb*/
}
/*croie bouton sous page horizontal*/
.jmd-nav__toggle-button:after,
.jtpl-navigation__inner
.jmd-nav__toggle-button:before{
content:"";
background-color:#fff; /*modifie la couleur en Unicode ou en rgb*/
transition:all .3s ease-in-out /*modifie le temps de l'animation*/
}
/*croie bouton sous page vertical*/
.jtpl-navigation__inner
.jmd-nav__toggle-button::after,
.jtpl-navigation__inner
.jmd-nav__toggle-button::before{
background-color:#fff; /*modifie la couleur en Unicode ou en rgb*/
transition:all .3s ease-in-out /*modifie le temps de l'animation*/
}
/*backgrounde du bouton + */
.jtpl-navigation__inner
.jmd-nav__toggle-button{
background-color:rgb(57, 132, 200); /*modifie la couleur en Unicode ou en rgb*/
/*]]>*/
</style>
Voilà ! J'espère que l'astuce vous sera utile
Sujets similaires
» zoom mobile indisponible (zoom tactile indisponible Miami Chicago)[resolu]
» [RESOLU] CSS menu web et CSS menu mobile dans le head
» Modifications design miami
» Taille du header sur design Miami
» Modification Header design Miami
» [RESOLU] CSS menu web et CSS menu mobile dans le head
» Modifications design miami
» Taille du header sur design Miami
» Modification Header design Miami
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|