This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Our next available supporter will start replying to tickets in about 9.11 hours from now. Thank you for your understanding.

This thread is resolved. Here is a description of the problem and solution.

Problem:
Logo alignment was different in RTL pages.

Solution:

adding this code to WPML > Languages > language switcher options > additional CSS fixed the issue.

@media (min-width: 992px){
    .rtl .navbar-nav {
        float: left;
        margin-top: 65px;
    }
    .rtl .container-wrap { margin-top: 70px; }
}

This topic contains 7 replies, has 2 voices.

Last updated by amithD 1 month ago.

Assigned support staff: Riffaz.

Author Posts
September 16, 2019 at 12:25 pm #4580119

amithD

Tell us what you are trying to do?
i am trying to move the main logo from the left side to right side.
or is there some options for change the side of main menu?

Is there any documentation that you are following?

Is there a similar example that we can see?
yes sure, i want logo english and hebrew version in left side. in english version its ok, but in hebrew version, its in right side

What is the link to your site?
hidden link

September 16, 2019 at 1:38 pm #4580857

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

Hi,

Thank you for contacting WPML support.

RTL depends on how your theme coded for that.
WPML just uses it.

I see your site primary language is English.

1. Please disable WPML temporarily.
2. Temporarily, change your site language to Hebrew in Settings > General > Site Language : hidden link

You will see the same issue.
So then you can understand that this has nothing to do with WPML.
In that case, please contact your theme support and ask them about RTL support for header/logo.
They will help you in this.

Let me know how it goes.

Regards,
Riffaz.

September 16, 2019 at 3:13 pm #4581899

amithD

Hi again,

i did both steps, what you told me.
but problem is still the same.

please let me known that, which string is using for main logo or which code is using for main logo.
i want to find out that and i need to edit that.

thank you

September 16, 2019 at 3:52 pm #4582327

amithD

Hi,
Is there any options to move the menu in hebrew version???
If is there, i can leave the logo in same the place and i can move the menu to more left side.
So it will be totally ok
waiting for reply

September 17, 2019 at 12:40 pm #4588513

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

Hi,

which string is using for main logo or which code is using for main logo.
- logo, header, menu, etc are created by theme
- so you have to check this with your theme. they know what lines they used to create this.

Is there any options to move the menu in hebrew version???
- add this code to WPML > Languages > language switcher options > additional CSS

@media (min-width: 992px){
    .rtl .navbar-nav {
        float: left;
        margin-top: 65px;
    }
}

.rtl .container-wrap { margin-top: 70px; }

- this will fix your issue
- but I do not think this is the proper way to do this.
- I still recommned you to check with your theme support in case if they have any alternative way to do this as they should know their theme inside out.

Hopefully, this will fix your issue.
Let me know if you need anything else regarding this.

Regards,

September 17, 2019 at 8:53 pm #4591003

amithD

Hi again,
thank you for replying,
its changed the style of header.
you can see the difference between
but in mobile version its create a space.....

i read the resolved ticket - https://wpml.org/forums/topic/arabic-menu-logo/

Mr. Noman was resloved it

maybe he can help with issue

Thank you

September 18, 2019 at 1:57 pm #4597285

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

Hi,

Delete the old code.
Use this code:

@media (min-width: 992px){
    .rtl .navbar-nav {
        float: left;
        margin-top: 65px;
    }
    .rtl .container-wrap { margin-top: 70px; }
}

Hopefully, this will fix the issue.

Ps:
Noman providd code for the theme "LetsTravel"
Every theme is coded differently.
Some will be easier to create custom css for RTL .. some not ..
That's why I pointed out that your theme support can fix this easier and they know their site inside out.
Even if you disable the WPML and set your site language to Hebrew you will see the same issue.
So you can understand that it depends on WPML or on theme. 🙂

Regards,

September 18, 2019 at 7:05 pm #4599659

amithD

My issue is resolved now. Thank you!