[Resolved] Modifying mega menu.

[Jusung]

Hello. This has become complicated.

I have made a mega menu.

On mobile, it looks ok, but on pc, I want to remove the hover effect on child item.
only chid item. not the grand child item.
It is because the child item becomes white without background hover effect only on PC.

Could you fix this?

The mega menu is on 서비스

[David]

Hi there,

in your current CSS you have this rule for setting those menu items color on desktop:

nav .main-nav .mega-menu > ul > li > a {
    font-weight: bold;
    font-size: 22px;
    font-weight: 500;
    color: black;
}

Change it to:

nav .main-nav .mega-menu > ul > li > a,
nav .main-nav .mega-menu > ul > li:hover > a {
    font-weight: bold;
    font-size: 22px;
    font-weight: 500;
    color: black !important;
    pointer-events: none;
}

[Jusung]

Thank you!!

finally this is resolved.

[David]

Glad to hear that!!

[Author]

Posts