[Resolved] Mega menu Child item underline.

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 3 years, 3 months ago by David.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 1, 2023 at 6:20 pm #2552071

Jusung

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?

March 2, 2023 at 2:24 am #2552377
David
Staff
Customer Support
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
March 2, 2023 at 3:51 am #2552485

Jusung

thank you!!

It works perfectly!

March 2, 2023 at 6:28 am #2552672

David
Staff
Customer Support

Glad to hear that
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.