Messages recommandés

PeterRabbit    382

Marre du menu BigMac à droite ?

5a6f5069572dd_maureend.jpg.1a334c73e804ce3c314ae262d7a18c80.jpg

 

Vous le préféreriez à gauche, comme @NEERUAM ?

maureen.jpg.505fe80d0bba2fe95a1614c0d1fd600e.jpg

 

Editez "core/layout/common.css" et remplacez "block" par "inline-block" à la ligne 332 :

@media (max-width: 768px) {
	nav #toggle {
	display: block;
	}

o.O

 

 

 

 

Modifié par PeterRabbit
  • Like 1

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

toggle2.png.7ecd5656a6eeb28305632f28b48361b9.png

 

toggle3.png.1b3f61c3d30bed4cfed9cd26bfa59e5d.png

en effet excellente tutoriel , je l'ai utilisé en Mars 2016 amis en plaçant le " burger au milieu " , à l'époque c'était une version de Zwiicms en 7.4.2 

à l'époque le " toggle" était écrit de cette façon

/* Menu */
.toggle {
	cursor: pointer;
	text-align: center;
	display: none;
}

 

Dans la version actuelle du zwii ( V8.1.0 ) ce code se situe ici : /core/layout/common.css

 

nav #toggle {
	cursor: pointer;
	text-align: right;
	display: none;
	font-weight: bold;
}

vers la ligne 306

 

à remplacer par ( alignement sur la gauche )

nav #toggle {
	cursor: pointer;
	text-align: left;
	display: none;
	font-weight: bold;
}

ou par

nav #toggle {
	cursor: pointer;
	text-align: center;
	display: none;
	font-weight: bold;
}

sur qui donne avec un alignement sur la gauche du site

toogle.png.f97845767b63ecfb7f27c519eab2e6ef.png

 

et déployé .... 

toggle1.png.d15b48419dfd8c19d81ab9976357376e.png

 

Si cela peut compléter ta première astuce, c'est la seule modification que je fais pour déplacer ce menu quand zwi passe en mode responsif sur le versions actuelles

 

 

Modifié par Invité

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Bien dans l'autre sujet tu avais donné un code qui semblait satisfaire la personne, alors je n'ai pas osé :$

Celui que je te met en complément permet tout simplement de faire la même chose ( au besoin on peut même ajouter à la fin du code !important ) pour que celui ci devienne maître sur tout les autres; c'est en cherchant un peu lors d'une pause que je me suis dit " dois y avoir plus simple et sans devoir changer une taille d'écran ", donc ai regardé comment était codé le toggle dans les versions actuelles et vu que c'est du texte sous forme d'une font qui représente le big mac, facile alors de faire le rapprochement avec ce code plus pratique dirons nous :)

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Iron    11

A la lecture de ce thread, me viens donc une suggestion : Possible de définir cela depuis l'interface Admin dans une future version de Zwii ?

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

  • Contenu similaire

    • Par Manu64
      Bonjour à tous.
      Pourquoi n'y a t-il pas de balise "title" dans le menu ?
       
      Tschuss
    • Par pduchemin
      est  il   possible de  créer un  menu sur  2 sous niveaux  ?
       
      Menu                                   niv 1
      SousMenu                           niv 2
      L sousSousMenu                niv 3
      L sousSousMenu                  niv 3
      SousMenu                          niv 2
       
       
       
       
       
       
    • Par CroqueWeb
      Si les icônes de votre menu sont trop grandes, ou si elles ne sont pas à la même taille les unes par rapport aux autres, voici quelques lignes de CSS qui pourront vous aider à obtenir un meilleur affichage :
       
      /* Items du menu */ nav a > img { max-width: 30px; height: auto; margin: -4px 0; vertical-align: bottom; } Résultat
       
      Avant :
       

       
      Après :