Mega Menu

Oops i missed a ul in my CSS. Try this:

.main-navigation .main-nav ul ul ul li a {
    font-size: 20px !important; 
}

for the mobile padding change use this:

@media(max-width: 768px) {
    .main-navigation .main-nav ul ul ul li a {
        padding-left: 30px !important;
    }
}

Thank you!! This would be the last thing for this topic.
on PC, the child item color is black
on Mobil, the child item color is white smoke.
This is what I want to make. So, I tried to use those codes below.
But, Only one code is applied and the color is the same.
could you help to fix this?

* additionally, I wanna add underline on the child item menu with black color.

@media(max-width: 768px) {
    nav .main-nav .mega-menu>ul>li>a {
    color: whitesmoke !important  
}
}

nav .main-nav .mega-menu>ul>li>a {
    color: #3E4348;  
}

Can you make sure that your Mobile CSS is added after your desktop CSS.

It is solved!

I just added this code

nav .main-nav .mega-menu .sub-menu ul li a:hover {
    color: whitesmoke !important;
		background: #566270 !important;
}

Glad to hear that!