راست چین کردن مگامنو وردپرس

.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;
        }
    }
}