[Resolved] Lines in Secondary Menu

[Rohith]

Hi there, I want to achieve the line in between the secondary menu items. Same like this website
https://www.macrumors.com/

[Fernando]

Hi Rohith,

Can you kindly provide the link to your site?

Hope to hear from you soon. 🙂

[Rohith]

Here’s the link of my site. Check private.

[David]

Hi there,

try adding this CSS:

.secondary-navigation .main-nav>ul li:not(:last-child) {
    border-right: 1px solid #000;
}

[Rohith]

This worked but, I want a little space at the top and bottom of the line same like this website
https://www.macrumors.com/

[David]

Add this CSS:

#secondary-navigation .main-nav > ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

[Author]

Posts