Header RTL Problem

[samotras]

Hello , i have an problem with menu and logo , my site using rtl language . on menu the logo is right side except of left side

[Album] Imgur

[ruenel]

Hello There,

Thanks for writing in!

By default, the logo is left and the menu is on the right side. Since you are using RTL, the arrangement were switched thus making the logo on the right side and the menu on the left side. Do you want RTL which uses a logo on the left side? If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.rtl.x-navbar-static-active .masthead-inline .x-brand, 
.rtl.x-navbar-fixed-top-active .masthead-inline .x-brand {
    float: left;
}

We would loved to know if this has work for you. Thank you.

[samotras]

thank you , the logo become fixed but the menu still in left side , it should be go right side

[Album] Imgur

[christian]

Hey @samotras,

You will need additional CSS for that. Please add this code.

.rtl .x-nav-wrap.desktop {
    float: right;
}

@media (max-width: 979px) {
    .rtl .masthead-inline .x-btn-navbar {
        float: right;
    }
}

Please note that “Logo Right, Menu Left” is the theme’s fixed design for RTL layout as this is the common user setup. We could not continually give you custom code as firstly, it is not a part of our support service. Please see our Terms. They’re also prone to breaking update changes.

If you need more changes, you will need to learn CSS and how to use a browser’s developer tools. Here’s a guide for Chrome.

Alternatively, you can consult with a third party developer to make changes for you.

The best solution that I would recommend though is you upgrade to Pro so you can build a custom header.

Thank you for understanding.