من رفتم سربازی اگر محتوای منو دوست داشتید و بدردتون خورد از من حمایت مالی کنید

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

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

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

اگر شما هم مگامنو را روی وب‌سایت وردپرسی خود نصب کرده‌اید احتمالا اولین چیزی که به آن بر می‌خورید این است که مگامنوی شما چپ چین است و برای راست چین شدن آن باید این آموزش را استفاده کنید.

 

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

برای راست چین کردن مگامنو کافیست استایل زیر را در مگامنو تعریف کنید:

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

اگر با کد بالا مگامنو در وب‌سایت وردپرسی شما تبدیل به right to left یا RTL نشد در بخش نظرات این نوشته اعلام کنید تا مورد شما مورد بررسی قرار بگیرد.

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]