Using rc-menu on small device (below 450px) gives me visual issue.,
The second level dropdown overflows the device width. I wish to make the two dropdowns align vertically instead of horizontal to avoid this issue. see image herein. I targetted the class: .rc-menu-horizontal > .rc-menu-submenu > .rc-menu-submenu-title to get this far. I would wish to identify the class/classes to target in order to handle the second level dropdown.
@include breakpoint_max(330px) { .rc-menu-horizontal > .rc-menu-submenu > .rc-menu-submenu-title { transform: translateX(40px); // padding: 4px; } }
The real picture befor transform translate:
Thanks for this great package and for your assistance in anticipation.
Hello everyone,
Using rc-menu on small device (below 450px) gives me visual issue., The second level dropdown overflows the device width. I wish to make the two dropdowns align vertically instead of horizontal to avoid this issue. see image herein. I targetted the class: .rc-menu-horizontal > .rc-menu-submenu > .rc-menu-submenu-title to get this far. I would wish to identify the class/classes to target in order to handle the second level dropdown.
@include breakpoint_max(330px) { .rc-menu-horizontal > .rc-menu-submenu > .rc-menu-submenu-title { transform: translateX(40px); // padding: 4px; } }
The real picture befor transform translate:
Thanks for this great package and for your assistance in anticipation.