Archived topic
Boxes Container Alignment is not working properly
5 replies · Started by Omar on November 8, 2020
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.
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 :)
Hello Leo
Actually, the issue can be found only at the navigation bar in the Arabic Language, nowhere else.

English looks good:

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.
Thank you Tom,
Its resolved.
Glad I could help :)