{"id":99471,"date":"2016-12-26T18:42:32","date_gmt":"2016-12-26T18:42:32","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=99471"},"modified":"2025-06-18T11:37:17","modified_gmt":"2025-06-18T10:37:17","slug":"rtl-support","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/rtl-support\/","title":{"rendered":"RTL Support"},"content":{"rendered":"\n<p>To add support for RTL language\/direction, go to <em>Mega Menu &gt; Menu Themes<\/em> and insert the following into the Custom Styling area:<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \" >.rtl {\n    #{$wrap} {\n        direction: ltr;\n    }\n    #{$wrap} #{$menu} {\n        direction: rtl;\n        text-align: right;\n        \n        p {\n            text-align: right;\n        }\n \n        li.mega-menu-item a.mega-menu-link:before {\n            margin: 0 0 0 6px;\n        }\n        \n        li.mega-menu-item-has-children &gt; a.mega-menu-link &gt; span.mega-indicator {\n            float: left;\n            \n            &amp;:after {\n                margin: 0 6px 0 0;\n            }\n        }\n        \n        &gt; li.mega-menu-item &gt; a.mega-menu-link,\n        ul.mega-sub-menu a.mega-menu-link,\n        ul.mega-sub-menu h4.mega-block-title,\n        li.mega-menu-megamenu &gt; ul.mega-sub-menu li.mega-menu-column &gt; ul.mega-sub-menu &gt; li.mega-menu-item &gt; a.mega-menu-link {\n            text-align: right;\n        }\n \n         &gt; li.mega-menu-tabbed &gt; ul.mega-sub-menu {\n            &gt; li.mega-menu-item &gt; ul.mega-sub-menu {\n                left: 0;\n                border-left: 0;\n                border-right: 1px solid $tabbed_link_vertical_divider;\n            }\n \n            &gt; li.mega-menu-item &gt; a.mega-menu-link {\n                float: right;\n            }\n \n            &gt; li.mega-menu-item.mega-menu-item-has-children &gt; a.mega-menu-link &gt; span.mega-indicator {\n                float: left;\n                margin-right: auto;\n                margin-left: initial;\n\n                &amp;:after {\n                    content: $arrow_left;\n                }\n            }\n        }\n \n        &gt; li.mega-menu-megamenu &gt; ul.mega-sub-menu &gt; li.mega-menu-item {\n            float: right;\n        }\n \n        li.mega-menu-item-has-children li.mega-menu-item-has-children &gt; a.mega-menu-link &gt; span.mega-indicator,\n        &amp;.mega-menu-accordion &gt; li.mega-menu-item-has-children &gt; a.mega-menu-link &gt; span.mega-indicator {\n            float: left;\n        }\n    }\n}<\/pre><\/div>\n\n\n\n<div class=\"wp-block-group uag-hide-desktop uag-hide-tab uag-hide-mob\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \" >\/*flex*\/\n.rtl {\n\n  @include desktop {\n\t#{$wrap} {\n\t  direction: ltr;\n\t}\n\t#{$wrap} #{$menu} {\n\t  direction: rtl;\n\n\t  p {\n\t\ttext-align: right;\n\t  }\n\n\t  &gt; li.mega-menu-item &gt; a.mega-menu-link,\n\t  ul.mega-sub-menu a.mega-menu-link,\n\t  ul.mega-sub-menu h4.mega-block-title,\n\t  li.mega-menu-megamenu &gt; ul.mega-sub-menu li.mega-menu-column &gt; ul.mega-sub-menu &gt; li.mega-menu-item &gt; a.mega-menu-link,\n\t  ul.mega-sub-menu .mega-menu-item-type-widget,\n\t  li.mega-menu-column &gt; ul.mega-sub-menu &gt; li.mega-menu-item li.mega-menu-item &gt; a.mega-menu-link {\n\t\ttext-align: right;\n\t  }\n\n\t  &gt; li.mega-menu-tabbed &gt; ul.mega-sub-menu {\n\t\t&gt; li.mega-menu-item &gt; ul.mega-sub-menu {\n\t\t  left: 0;\n\t\t  border-left: 0;\n\t\t  border-right: 1px solid $tabbed_link_vertical_divider;\n\t\t}\n\n\t\t&gt; li.mega-menu-item &gt; a.mega-menu-link {\n\t\t  float: right;\n\t\t}\n\n\t\t&gt; li.mega-menu-item.mega-menu-item-has-children &gt; a.mega-menu-link &gt; span.mega-indicator {\n\t\t  margin-right: auto;\n\t\t  margin-left: initial;\n\n\t\t  &amp;:after {\n\t\t\tcontent: $arrow_left;\n\t\t  }\n\t\t}\n\t  }\n\n\t  &gt; li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {\n\t\tleft: auto;\n\t\tright: 100%;\n\t  }\n\n\t  li.mega-menu-item-has-children li.mega-menu-item-has-children &gt; a.mega-menu-link &gt; span.mega-indicator,\n\t  &amp;.mega-menu-accordion &gt; li.mega-menu-item-has-children &gt; a.mega-menu-link &gt; span.mega-indicator {\n\t\tmargin-right: auto;\n\t\tmargin-left: initial;\n\n\t\t&amp;:after {\n\t\t  content: $arrow_left;\n\t\t}\n\t  }\n\t}\n  }\n\n  @include mobile {\n\t#{$wrap} #{$menu} &gt; li.mega-menu-tabbed &gt; ul.mega-sub-menu &gt; li.mega-menu-item.mega-menu-item-has-children &gt; a.mega-menu-link &gt; .mega-indicator,\n\t#{$wrap} #{$menu} li.mega-menu-item-has-children &gt; a.mega-menu-link &gt; span.mega-indicator {\n\t\t  margin-left: initial;\n\t\t  justify-content: left;\n\t\t  margin-right: auto;\n\t  }\n   }\n}<\/pre><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>To add support for RTL language\/direction, go to Mega Menu &gt; Menu Themes and insert the following into the Custom Styling area:<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-99471","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-faqs"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"To add support for RTL language\/direction, go to Mega Menu &gt; Menu Themes and insert the following into the Custom Styling area:","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/99471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=99471"}],"version-history":[{"count":12,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/99471\/revisions"}],"predecessor-version":[{"id":428367,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/99471\/revisions\/428367"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=99471"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=99471"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=99471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}