Archived topic

Divider Lines & Menu Categories

3 replies · Started by John on December 9, 2022

Viewing posts 1–4 of 4

December 9, 2022 at 8:52 am #2456171

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!

December 9, 2022 at 9:29 am #2456215

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;
}

December 9, 2022 at 10:26 am #2456275

It worked flawlessly. Thank you, David!

December 9, 2022 at 11:53 am #2456345

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.