Placement d'un menu
WaZeR
-
X_WaZeR_X Messages postés 2 Statut Membre -
X_WaZeR_X Messages postés 2 Statut Membre -
Bonjour je précise que je suis sous WP.
Donc, je voudrais savoir comment centrer mon menu. J'ai créé une div pour le menu, nommée "menu". Ensuite dans le fichier css j'ai mis :
Donc ça marche bien, il est centré, le soucis c'est que je l'ai fais manuellement "725px" donc si un jour j'ajoute un onglet dans le menu, il ne se recentrera pas tout seul. Il faudra que je modifie le "725px" .
Voici mon menu pour l'instant, avec un exemple si j'ajoute un onglet :
(La barre rouge signifie le centre du menu (de la page en gros).
http://www.zupimages.net/up/15/10/a5n9.png
Merci de m'aider :)
Donc, je voudrais savoir comment centrer mon menu. J'ai créé une div pour le menu, nommée "menu". Ensuite dans le fichier css j'ai mis :
.menu {
padding-right: 15px;
padding-left: 725px;
margin-right: auto;
margin-left: auto;
}
Donc ça marche bien, il est centré, le soucis c'est que je l'ai fais manuellement "725px" donc si un jour j'ajoute un onglet dans le menu, il ne se recentrera pas tout seul. Il faudra que je modifie le "725px" .
Voici mon menu pour l'instant, avec un exemple si j'ajoute un onglet :
(La barre rouge signifie le centre du menu (de la page en gros).
http://www.zupimages.net/up/15/10/a5n9.png
Merci de m'aider :)
1 réponse
-
-
-
-
D'accord, code source du fichier top-nav.php :
<nav class="navbar navbar-trans navbar-static-top" role="navigation">
<div class="menu">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<?php
wp_nav_menu( array(
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'nav-container collapse navbar-collapse',
'container_id' => 'navbar-collapse',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
</div>
</nav> -
-
-
