Placement d'un menu

WaZeR -
X_WaZeR_X Messages postés 2 Statut Membre - 3 mars 2015 à 21:28

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 :

.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 :)

Afficher la suite

A voir également:

Placement d'un menu
Menu déroulant excel - Guide
Canon quick menu - Télécharger - Utilitaires
Windows 11 menu contextuel classique - Guide
Windows 11 menu démarrer classique - Guide
Réinitialiser menu démarrer windows 10 - Guide

1 réponse

Réponse 1 / 1

Genysix Messages postés 188 Statut Membre 18

Salut,

Ta essayé avec text-align: center; ?

WaZeR

Oui :/

Genysix Messages postés 188 Statut Membre 18

Pourrais-tu mettre ton code source dans ce forum ou en message priver pour que je fasse des test ?

WaZeR

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>

Genysix Messages postés 188 Statut Membre 18

ouai mais le problème c'est que j'ai pas le reste notament la barre et surtout le CSS

WaZeR

Le code est trop long... :/ Je peux pas le mettre ici.

Discussions similaires

menu caché

Comment activer le Bluetooth sur une TV Samsung ?

Mon PC marque press the esc key for startup menu

Déblocage du mode hôtel Philips 20HF5234/10

Placement PARIS BERCY

Votre réponse

Discussions similaires