WordPress.org

Ready to get started?Download WordPress

Forums

Using characters to separate menus in navigation bar (6 posts)

  1. Niramaya
    Member
    Posted 1 year ago #

    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!

  2. dwnmedia sarl
    Member
    Posted 1 year ago #

    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

  3. Niramaya
    Member
    Posted 1 year ago #

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

  4. dwnmedia sarl
    Member
    Posted 1 year ago #

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

  5. Niramaya
    Member
    Posted 1 year ago #

    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>

  6. dwnmedia sarl
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic