/*! * menuzord RTL override * Use after menuzord.css and apply when is set. */ html[dir="rtl"] .menuzord-menu, html[dir="rtl"] .menuzord { direction: rtl; text-align: right; } /* Align top-level menu items to the right */ html[dir="rtl"] .menuzord-menu > li { float: right; } /* Swap submenu sides */ html[dir="rtl"] .menuzord-menu ul.dropdown, html[dir="rtl"] .menuzord-menu .megamenu { right: 0; left: auto; text-align: right; } /* Reverse caret and arrows */ html[dir="rtl"] .menuzord-menu > li > a .indicator { margin-left: 0; margin-right: 5px; transform: rotate(180deg); } /* Dropdown sub-items float */ html[dir="rtl"] .menuzord-menu ul.dropdown li { text-align: right; } /* Mega menu grid alignment */ html[dir="rtl"] .megamenu .megamenu-row [class*="col-"] { float: right; text-align: right; } /* Adjust padding for submenu items */ html[dir="rtl"] .menuzord-menu ul.dropdown li a { padding: 8px 20px 8px 10px; } /* Navbar toggle on mobile */ html[dir="rtl"] .menuzord .showhide { float: left; } /* Brand logo alignment */ html[dir="rtl"] .menuzord-brand { float: right; margin-left: 0; margin-right: 15px; } /* Dropdown right indicators for nested items */ html[dir="rtl"] .menuzord-menu ul.dropdown li > a .indicator { float: left; transform: rotate(180deg); margin-left: 5px; margin-right: 0; } /* Mobile menu alignment */ @media (max-width: 991px) { html[dir="rtl"] .menuzord-menu > li { float: none; } html[dir="rtl"] .menuzord-menu ul.dropdown, html[dir="rtl"] .menuzord-menu .megamenu { right: 0; left: auto; } }