CSS in responsive of second and third level in menu

Hi,
plz, see attachment. I made 3 levels in menu (category->subcategory->subcategory). if user opens third level, he does not see difference with the second level.

your opinion? how to distinguish letters by css?

thx

Attachments:

You must be logged in to view attached files.

Hello,

Now I see clearly the difference https://prnt.sc/qhohjj

Please advise your idea of how you want it would look like and we shall provide the custom CSS.

Best Regards

more exactly: now now difference between third level and second level of other point of menu.
you can see it here:
eden4u.co.il

“Стенки” includes “Модульные”, but then already other point of menu (“Прихожие”) (and now no difference between them).
just compare desktop version and responsive and will see what’s a problem.
hope, explained.

see also attachment

Attachments:

You must be logged in to view attached files.

Hello,

Please advise color, font-weight, font-size and indent for each level, I will provide custom CSS.

Best Regards

second level – black (#000;), third – #30A3B6; but, may be, I’ll change it.
I need only names of classes for mobile

thx

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .site-mobile-menu .sub-menu li a {
    color: red;
}
body .site-mobile-menu .sub-menu li  .sub-sub-menu li a{
    color: yellow;
}

Or you can use these classes in Advanced typography https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

[Author]

Posts