RTL Support
To add support for RTL language/direction, go to Mega Menu > Menu Themes and insert the following into the Custom Styling area:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
.rtl { #{$wrap} { direction: ltr; } #{$wrap} #{$menu} { direction: rtl; text-align: right; p { text-align: right; } li.mega-menu-item a.mega-menu-link:before { margin: 0 0 0 6px; } li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { float: left; &:after { margin: 0 6px 0 0; } } > li.mega-menu-item > a.mega-menu-link, ul.mega-sub-menu a.mega-menu-link, ul.mega-sub-menu h4.mega-block-title, li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { text-align: right; } > li.mega-menu-tabbed > ul.mega-sub-menu { > li.mega-menu-item > ul.mega-sub-menu { left: 0; } > li.mega-menu-item > a.mega-menu-link { float: right; } > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { float: left; &:after { content: $arrow_left; } } } > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { float: right; } li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator, &.mega-menu-accordion > li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { float: left; } } } |