[Resolved] Boxes Container Alignment is not working properly

[Omar]

Hello dear,
I am using the boxes alignments for my theme, it is working fine for the English languages but in Arabic, all the items are stuck to the left.

[Leo]

Hi there,

Looks like you have the site container set at 2000px:
https://docs.generatepress.com/article/container-width/

So in that case both the header and navigation will basically go full width of the screen.

Can you try using a narrow container width like 1600 so we can see the issue?

Thanks 🙂

[Omar]

Hello Leo
Actually, the issue can be found only at the navigation bar in the Arabic Language, nowhere else.

English looks good:

[Tom]

Hi there,

The navigation looks centered in the English version because there’s an empty WPML element in the navigation that causes it to space the elements apart.

Try adding this:

.inside-navigation .wpml-switcher {
    display: none;
}

Then you should be able to add this:

.rtl .menu-bar-items {
    margin-right: auto;
}

That will give you the same look between languages, except of course that RTL will be RTL.

[Omar]

Thank you Tom,
Its resolved.

[Tom]

Glad I could help 🙂

[Author]

Posts