Twenty Twelve
Add Divider to Nav Bar (2 posts)

  1. designgr82
    Posted 3 years ago #

    Hi there,

    I need to add dividers between items on the main navigation bar.
    Eg; Home | About | Contacts

    Have tried applying the border-right property and using a background-image (background: url(http://www.markondigital.co.za/wp-content/uploads/2013/05/divider.png) no-repeat right;) but cannot seem to position the divider correctly. It shows but won't center between the items. It looks more like; Home| About| Contacts|

    Have tried applying these properties to various .main-navigation classes and fiddled with padding, margins etc but nothing seems to be taking.

    Any suggestions?

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    Do you have a child theme set up? http://codex.wordpress.org/Child_Themes

    Or Custom CSS if you are only making CSS changes to the theme?

    Once you've done that, a link to your site would be relevant.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic