How to Change/Remove Borders Between Links in Main Nav

[Anonymous]

Hello,

I have already changed the color of the main navigation menu using the Custom CSS section and would like to change the color of the borders that appear between menu items (see attached screenshot). These dividers do not appear in the mobile version. How can this be done?

Thank you in advance.

[admin]

Hello,

Please use following CSS Code Snippet in the Custom CSS Section to customize navigation borders.

.sf-menu a,
.sf-menu a:visited {
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
}
.sf-menu li.prepend_item span {
border-right: 1px solid #ccc;
}
.sf-menu li.append_item span {
border-left: 1px solid #fff;
}[/CODE]

Thanks[CODE].sf-menu a,
.sf-menu a:visited {
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
}
.sf-menu li.prepend_item span {
border-right: 1px solid #ccc;
}
.sf-menu li.append_item span {
border-left: 1px solid #fff;
}[/CODE]

Thanks

[Author]

Posts