[Resolved] Divider Lines & Menu Categories

[John]

Hey guys,

How can I about adding divider lines separating the different menu categories, similarly to the site: site1, as well as adding a vertical divider line separating post content and the right sidebar like the site: site2 ?

Thanks!

[David]

Hi there,

This for the nav lines:

/* horizontal lines */
.main-navigation {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
/* vertical dividers */
.main-navigation .main-nav ul li a {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

And this for to run a border down the right sidebars left hand edge:

.is-right-sidebar {
    border-left: 1px solid #ededed;
}

[John]

It worked flawlessly. Thank you, David!

[David]

Glad to hear that!

[Author]

Posts