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

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

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

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

همراه ما باشید.

 

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

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

.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]