Archived topic
Keeping menu dividing lines once menu reaches drop point
2 replies · Started by Dylan on December 12, 2019
Viewing posts 1–3 of 3
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;
}}
Hi there,
Change @media (min-width: 891px):
https://www.screencast.com/t/O9anFEr9
to @media (min-width: 769px).
Let me know if this helps :)
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;
}
}
This archived topic is closed to new replies.
