[Resolved] RTL language and logo position

[Shlomo]

I’ve run into what looks like a bug using GP Premium for a RTL website.

I am developing two sites for a client. One in English and one in Hebrew.

The client wants the logo on the left side of the Header for both websites.

I had no trouble doing that for the English site.

However, for the Hebrew site, in the Customizer, under Header Alignment, the logo remained on the right side whether I chose Left or Right. Choosing Center did move the logo to the center.

I was able to solve the logo placement problem by using these settings:
Inner Header Width: Contained
Header Alignment: Center
Padding (left and right): 0

I then added this Custom CSS:
.header-aligned-center .site-header {
text-align: left;
}

I saw in the forum that there was a similar problem with RTL and navigation position. The solution you suggested to that problem is what lead me to the solution shown above.

[Tom]

Hi there,

This is an issue we introduced when using CSS for RTL instead of using our own options. It’s difficult to go back on now in a backward-compatible way, unfortunately.

I’ll take another look at it in 2.5 – maybe I can come up with a solution.

Thanks for sharing what you did with us 🙂

[Shlomo]

Thanks for letting me know. I hope you can find a more elegant solution than what I did!

[Tom]

I’ll do my best! 🙂

[Author]

Posts