[Resolved] Divider Lines & Menu Categories

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 3 years, 4 months ago by David.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
December 9, 2022 at 8:52 am #2456171

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!

December 9, 2022 at 9:29 am #2456215
David
Staff
Customer Support
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

John

It worked flawlessly. Thank you, David!

December 9, 2022 at 11:53 am #2456345

David
Staff
Customer Support

Glad to hear that!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.