customize navbar

[jonelder135+ 0]

Hi, I would like to have my navbar show a separator between menu items on my site at: www.thevillagerny.com/wp/

any ideas? I was thinking of slight padding between items. I tried to add this to my custom css

 

.navbar  > li > a {

  padding: 3px 3px;

}

 

no good though. any help would be appreciated.

[Danny+ 1,327]

HI,

 

What do you mean by separator such as a border between each of your menu items ? I am not entirely sure how you wish to accomplish this using padding ?

If you want to add a separator such as a thin line between each of your menu items, you will need to use the following:

 

.section-navbar .navbar .navline .menu-item a {

border-right: 1px solid red;

}

[jonelder135+ 0]

Thats great. how could I make it not touch at the top and bottom. in other words be a shorter line centered vertically in the menu? I very much appreciate your help and advice.

[Danny+ 1,327]

You can try replacing the border code you have with the following:

 

#site .section-navbar .pl-section-pad .navbar-content-pad {

padding-top: 5px;

}

.section-navbar .navbar .navline .menu-item a {

box-shadow: 8px 0px 0px -5px black;

}