Support » Themes and Templates » Twenty-Ten: add dividers to nav – like | this | example

Twenty-Ten: add dividers to nav – like | this | example

  • I’d like to be able to add dividers to the main nav in the Twenty-Ten theme.
    I noticed in the header file there is a function call to wup_nav_men which allows a ‘before’ and ‘after’ to be added, that would work, but I’d like my menu to look like this;

    Link | Another Link | Someother Link | Last Link

    If I were to use ‘before’, it would stick something before the first, and ‘after’ would put one after the last. I’m not sure if there is a plugin for this, or if I’d have to edit the function/create my own. Just a little direction would be greatly appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)
  • create your own menu
    dashboard – appearance

    So would I add the divider as a custom link?



    I think Samuel’s idea is right.. you can definitely achieve what you want with that..

    try these settings and you are good to go…


    tweak css file to make the menu look better.


    just check the pic.. did not have much time to explain.. just remove the padding right from the css file.



    so the trick is basically adding the special character in the name of your item.. this is the simplest way..

    That was my first approach, but I wasn’t happy that the divider also became part of the link. I added a custom link with no URL. I think as long as I’m able to tweak the css and disable the mouse-over effect that highlights the divider I’ll be happy with the result, despite the sort of hacked manner to achieve it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty-Ten: add dividers to nav – like | this | example’ is closed to new replies.