Support » Fixing WordPress » Using characters to separate menus in navigation bar

  • Hello!

    I’m attempting to modify my blog’s navigation menu (http://reasonandfolly.com/) to replicate what is here: http://chimpchomp.us/

    Two pieces represent a challenge: 1. The separators 2. The line on right/left of menus.

    I’m fairly new to WP and can’t be certain if this requires a change to CSS or PHP.

    Any guidance would be appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Normally you use the wp_nav_menu function so :

    http://codex.wordpress.org/Function_Reference/wp_nav_menu

    wp_nav_menu( array(
                        'link_after'      => '<div class="yourclass">//</div>'
                        ));
    div.yourclass{
      padding: 0 5px;
    }
    #menu-navigation li:last-child div.yourclass{
      display: none;
    }

    something like that

    Sorry, not quite sure if you’re suggesting this code ought to be added somewhere?

    in your template directory, find the header.php and try to search for “wp_nav_menu” function

    yes, this is what I have:

    `</div><!– /logo –>
    <nav>
    <?php wp_nav_menu( array( ‘menu’ => __(‘Main Menu’, ‘meanthemes’), ‘theme_location’ => ‘primary’, ‘container’ => false, ‘menu_id’ => false, ‘menu_class’ => false ) ); ?>
    </nav><!– /nav –>
    </div>

    So edit the function something like the code I sent you before

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Using characters to separate menus in navigation bar’ is closed to new replies.