Foundry Navigation Bar Help

Hi there. I’m using Foundry and the Navigation bar which is working well.

My client has asked to add divider lines between each title to separate them out. I see there’s not an option for this but does anyone know of some clever CSS that will do that?

Many thanks!

a url would be helpful

Hi - of course - this is what I have so far:

http://www.sandbox.wci-ined-information-bank.co.uk/

Thanks

the easiest way is to just add a right border using CSS depending on what you are after.
Try:
a.nav_item{
border-right-color: black;
border-right-width: 1px;
border-right-style: solid;
}
That should get you a start

I don’t have Foundry but I think ist built on bootstrap, there is probably already a class for vertical dividers. Are you sure there is no option already there?

1 Like

Hi Scott - that’s spot on! Excellent, many thanks for that:+1:

2 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.