Archived topic
Bottom Line in dropdown menu
3 replies · Started by Sanu Kumar on May 19, 2021
Viewing posts 1–4 of 4
How to add a bottom line in the drop-down menu like this:

My site URL: https://www.masteryblogging.com/
I'd like to achieve this on both desktop and mobile.
Hi there,
I see that you are already using this CSS:
.main-navigation .main-nav ul ul li a {
border-bottom: 0px solid grey;
}
Which isn't doing anything right now as it's set to 0px. If you set it to 1px then it should work.
As for mobile, try editing your full CSS to this:
.main-navigation .main-nav ul ul li a,
.slideout-navigation.main-navigation .main-nav ul li a {
border-bottom: 1px solid grey;
}
Let me know :)
It worked.
Glad to hear.
This archived topic is closed to new replies.