Support » Everything else WordPress » WP Bootstrap Navwalker dropdown icon on the wrong side

  • I have a WordPress Bootstrap site. I implemented WP Bootstrap Navwalker for dropdown menu functionality without issues. I followed directions using the provided code examples here: https://github.com/wp-bootstrap/wp-bootstrap-navwalker. Everything works really well.

    However, the dropdown icon is on the left side!

    I added a couple different icons in the menu css area just to test, but it always shows on the left side of the menu item. I changed the icon to the right arrow because it was bugging me.

    Image of the menu.

    View post on imgur.com

    What I used for code is exactly what’s on their site as an example slightly modified.

          wp_nav_menu(array(
            'theme_location'  => 'menu-1',
            'container'       => 'div',
            'container_class' => 'navbar-collapse collapse',
            'container_id'    => 'navcol-1',
            'menu_class'      => 'nav navbar-nav ml-auto',
            'depth'           => 2,
            'echo'            => true,
            'fallback_cb'     => 'WP_Bootstrap_Navwalker::fallback',
            'walker'          => new WP_Bootstrap_Navwalker()
            ));
    			?>
    
        	if ( ! file_exists( get_template_directory() . '/inc/class-wp-bootstrap-navwalker.php' ) ) {
    		    // File does not exist... return an error.
    		    return new WP_Error( 'class-wp-bootstrap-navwalker-missing', __( 'It appears the class-wp-bootstrap-navwalker.php file may be missing.', 'wp-bootstrap-navwalker' ) );
    		} else {
    		    // File exists... require it.
    		    require_once get_template_directory() . '/inc/class-wp-bootstrap-navwalker.php';
    		}
    
    		add_action( 'after_setup_theme', 'register_navwalker' );

    Anyone ever ran into this or maybe know what I’ve done wrong?

  • The topic ‘WP Bootstrap Navwalker dropdown icon on the wrong side’ is closed to new replies.