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
.
