Archived topic
Mega menu Child item underline.
3 replies · Started by Jusung on March 1, 2023
Viewing posts 1–4 of 4
Hello.
I have a mega menu on my website, which is 서비스 on the primary menu.
I want to make an underline under the child menu.
I have 4 child menu and I want to make half underline.
Like this.
This is First menu
__________
like this. only under letter and it is 40% of the length of the menu.
The line is connected not dot.
Can you help me with this?
Hi there,
you can try this CSS:
nav .main-nav .mega-menu > ul > li > a:after {
content: '';
position: absolute;
bottom: 0;
left: 20px;
height: 2px;
width: 40%;
background-color: #f00;
}Add it inside your desktop media query with your other mega menu CSS
thank you!!
It works perfectly!
Glad to hear that
This archived topic is closed to new replies.
