Reply 189408 to: Mobile menu

Avatar: Rose Tyler
Rose Tyler
Support staff
March 27, 2018 at 14:43

Hello,

Please try to add this code in Theme Options > Styling > Custom css > Global Custom css:

.header-wrapper header .container-wrapper {
    display:  -webkit-box;
    display:  -webkit-flex;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  horizontal;
    -webkit-box-direction:  reverse;
    -webkit-flex-direction:  row-reverse;
        -ms-flex-direction:  row-reverse;
            flex-direction:  row-reverse;
}

.header-wrapper .navbar-toggle {
    right:  auto;
    left:  10px;
}

.mobile-menu-wrapper {
    -webkit-transform:  translate3d(-270px, 0, 0);
            transform:  translate3d(-270px, 0, 0);
    right:  auto;
    left:  0;
}

.mobile-menu-opened .template-content {
    -webkit-transform:  translate3d(270px, 0, 0);
            transform:  translate3d(270px, 0, 0);
}

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.