[Support request] Keeping menu dividing lines once menu reaches drop point

[Dylan]

I want to keep my menu dividing lines once the menu reaches drop point, until it reaches mobile break point, and turns into the hamburger menu. What am I doing wrong?

.main-navigation .menu > li > a {
border-right: 4px solid #1d1853;
}

.main-navigation .menu > li:last-child > a,
.main-navigation .menu > li:nth-last-child(1) > a {
border-right: 0;
}}

[Leo]

Hi there,

Change @media (min-width: 891px):
https://www.screencast.com/t/O9anFEr9

to @media (min-width: 769px).

Let me know if this helps 🙂

[Sridhar]

Place that CSS inside a media query like this:

@media only screen and (min-width: 769px) {
    .main-navigation .menu > li > a {
        border-right: 4px solid #1d1853;
    }

    .main-navigation .menu > li:last-child > a,
    .main-navigation .menu > li:nth-last-child(1) > a {
        border-right: 0;
    }
}

[Author]

Posts