Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Design Miami : Stylez votre menu mobile

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

Design Miami : Stylez votre menu mobile

Message par Solarius le Sam 7 Mai 2016 - 21:41

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.

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 Wink
avatar
Solarius

Messages : 48
Date d'inscription : 15/03/2016
Age : 18

http://kraftopia.jimdo.com/

Revenir en haut Aller en bas

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