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 60 61 62 63 |
.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; border–left: 0; border–right: 1px solid $tabbed_link_vertical_divider; } > 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; margin–right: auto; margin–left: initial; &: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; } } } |