Un utilisateur a demandé 👇
Salut,
J’utilise mon thème sur localhost et il y a un bug avec la navigation réactive et le basculement CSS (je pense). Voici le code html de mon menu :
<nav class="main-menu">
<div class="navbar-header">
<!-- Toggle Button -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse clearfix">
<ul class="navigation clearfix">
<li class="current"><a href="https://codeworpress.com/problema-con-la-palanca-de-navegacion-de-bootstrap/index.html">Home</a></li>
<li><a href="project.html">Project</a></li>
<li><a href="partners.html">Partners</a></li>
<li><a href="people.html">People</a></li>
<li><a href="news.html">News</a></li>
</ul>
</div>
</nav>Et c’est ce que j’utilise dans wordpress:
<nav class="main-menu">
<div class="navbar-header">
<!-- Toggle Button -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse clearfix">
<?php
wp_nav_menu( array(
'theme_location' => 'menu-1',
'menu_class' => 'navigation clearfix',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker())
);
?>
</div>
</nav>Mais ça ne marche pas bien, j’ai ajouté functions.php :
require_once get_template_directory() . '/wp-bootstrap-navwalker.php';
register_nav_menus( array(
'menu-1' => esc_html__( 'Primary', 'visionitn' ),
) );Avec tous les fichiers CSS en place :
function add_theme_scripts() {
wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/assets/css/bootstrap.css');
wp_enqueue_style( 'revolution-slider', get_template_directory_uri() . '/assets/css/revolution-slider.css');
wp_enqueue_style( 'slider-setting', get_template_directory_uri() . '/assets/css/slider-setting.css');
wp_enqueue_style( 'responsive', get_template_directory_uri() . '/assets/css/responsive.css');
wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/assets/css/font-awesome.css');
wp_enqueue_style( 'flaticon', get_template_directory_uri() . '/assets/css/flaticon.css');
wp_enqueue_style( 'animate', get_template_directory_uri() . '/assets/css/animate.css');
wp_enqueue_style( 'owl', get_template_directory_uri() . '/assets/css/owl.css');
wp_enqueue_style( 'jquery.fancybox', get_template_directory_uri() . '/assets/css/jquery.fancybox.css');
wp_enqueue_style( 'jquery.mCustomScrollbar.min', get_template_directory_uri() . '/assets/css/jquery.mCustomScrollbar.min.css');
}
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );s’il vous plait 🙂
Merci.
(@agm65)
il y a 2 ans, 9 mois
Salut,
Pouvez-vous mieux expliquer “Mais ça ne marche pas bien” ?
(@anevins)
Soutien volontaire des donateurs WCLDN 2018
il y a 2 ans, 9 mois
Vous avez besoin de la page Web pour nous montrer le problème.
(@fredericbdr)
il y a 2 ans, 9 mois
D’accord, je ne peux pas vous montrer, c’est uniquement sur localhost. Des images peuvent-elles être ajoutées ici ? Le problème est que le bouton bascule ne fonctionne pas par rapport à mon modèle html statique lorsque vous réduisez l’écran à la résolution mobile. Et la taille de la police de ma page Web est plus petite que celle de mon modèle statique. J’ai aussi un css responsive qui ne fonctionne pas.
(@anevins)
Soutien volontaire des donateurs WCLDN 2018
il y a 2 ans, 9 mois
Pouvez-vous réciter le problème dans JSFiddle ? jsfiddle.net
(@fredericbdr)
il y a 2 ans, 9 mois
Je ne sais pas comment l’utiliser… Mais pourriez-vous me dire si mon wp_nav_menu est correct ?
(@anevins)
Soutien volontaire des donateurs WCLDN 2018
il y a 2 ans, 9 mois
Oui c’est correct.
(@anevins)
Soutien volontaire des donateurs WCLDN 2018
il y a 2 ans, 9 mois
Il nous faudra probablement plus de temps pour déboguer cela sans voir le problème que vous n’apprendrez en utilisant JSFiddle.
(@jaycbrf)
il y a 2 ans, 9 mois
Vous avez oublié de charger Bootstrap.js ? Je ne le vois pas dans votre fonction de file d’attente ? Le js est ce qui contrôle le commutateur hamburger !
Cela a-t-il résolu votre problème ?
Was this helpful?
0 / 0