I have menu hierarchy up to 3 levels. If I make First Level menu font smaller than the default (14px) then few First Level menus displayed in same line.
For example in below: I have first level menus. Assuming I made font size smaller (8px). In this case Menu1 and Menu2 displayed in the same line which is wrong.
This is wrong
Menu1 > Menu2 >
This is correct (Expected result)
I found the problem. I have missed to add sm-veritcal class in main html tag. I had these classes “sm sm-clean sm-clean-vertical”. When I replaced those with these classes “sm sm-clean sm-vertical sm-clean-vertical” then it started working fine.
Thanks for all your help.