Right To Left SENTINEL Theme

[shijazi]

How we can change menu from left side to right side?
I want to change direction

[mert.sincan]

Please try with;
without direction;

Code: Select all

#layout-menubar {
    float: right !important;
}

#layout-menubar-resize {
    float: left !important;
}

/*For Slim menu */
#layout-menubar.slimmenu #layout-menubar-resize {
    margin-left: 10px;
}

#layout-menubar.slimmenu .layout-menubar-container > li:hover{
        right: 280px !important;
        left: auto !important;
    }

#searchArea.slimsearch:hover {
        right: 232px !important;
        left: auto !important;
    }

#layout-menubar.slimmenu .layout-menubarinner-box {
    padding: 10px 0px;
}

#searchArea.slimsearch i {
    margin-left: 13px;
}

/* Tablet */
@media (min-width: 641px) and (max-width: 1200px) {
    #layout-menubar .layout-menubar-container > li:hover{
        right: 280px !important;
        left: auto !important;
    }

    #searchArea:hover {
        right: 232px !important;
        left: auto !important;
    }

    #layout-menubar .layout-menubarinner-box {
        padding: 10px 0px;
    }

    #searchArea i {
        margin-left: 13px;
    }
}

with direction;

Code: Select all

#layout-menubar {
    float: right !important;
    direction: rtl;
}

#layout-menubar .icon-angle-down {
    float: left;
}

#layout-menubar-resize {
    float: left !important;
}

.slimmenu .layout-menubar-container li a .i {
    padding-left: 15px !important;
    margin-right: 0.2em !important;
}

.slimmenu #layout-menubar-resize {
    float: right !important;
}

[shijazi]

Thanks, Menu direction is changed, can you help me in Top bar also?

[mert.sincan]

Please try with;

Code: Select all

.layout-header-widgets {
    right: 0px;
    left: 10px;
    direction: rtl;
}

.layout-header-widgets-submenu {
    direction: rtl;
    margin-left: 0px;
    margin-right: -180px;
    background-position: left 13px top;
}

#layout-logo {
    float: right;
}

.DisplayOnResponsive {
    float: left;
}

#sm-topmenu {
    background-position: left 13px top;
}

.layout-header-widgets-submenu li i {
    float: right;
}

.layout-header-widgets-submenu li a {
    text-align: right;
}