Menu icon Foundation
RTL Top Bar Navigation Issue

In RTL Top Bar Navigation : Sub-menu (Drop down menus) are not Logical aligned as in LTR. In LTR using (.left and .right ) we can set the direction of Drop down menu . But RTL it's not working .

Issue

rtlright to lefttopbar

In RTL Top Bar Navigation : Sub-menu (Drop down menus) are not Logical aligned as in LTR. In LTR using (.left and .right ) we can set the direction of Drop down menu . But RTL it's not working .

Issue
Ghaida Zahran over 5 years ago

Thanks for finding this bug. We've fixed it in the repo, but you can fix this in your local copy as well by going into the _topbar.scss file. First find the chunk of code following:
scss
// Position overrides for ul.right and ul.left

Then after the ul.right declaration and styles add this:
scss
.left {
li .dropdown {
right: auto;
left: 0;
li .dropdown { left: 100%; }
}
}