Site logo

Archived topic

Navigation Alignment "Left" does not work in RTL sites

8 replies · Started by Daniel on March 4, 2020

Viewing posts 1–9 of 9

Hello my friend, Tom
I hope you're doing great
For now I'm testing GP Free, But...
There is a bug in Customize > Layout > Primary Navigation > Navigation Alignment > Left (in RTL sites)
When the site is RTL, this option does not work! Navigation sticks to the right and doesn't go to the left side!
Please Check this Screenshot: https://snipboard.io/EiKyWg.jpg
Thanks a lot in advance

Hi there,

That's strange - our RTL stylesheet might be overwriting the option. Can you link me to the page?

Hi again
Hope you're doing great
Note that this issue is also shown in Secondary Navigation.

Hi Daniel,

The navigation I see currently is actually the primary navigation.

So is it not working in both primary and secondary navigation?

Let me know :)

Hi Leo
No. I checked it again. Secondary Navigation works well (Left and right and center are OK)
the problems is just in Primary Navigation
In rtl site, When I set Primary Navigation Alignment to left, it doesn't work.

Give this a shot:

.rtl.nav-aligned-left .main-navigation .menu > li {
	float: none;
	display: inline-block;
}

.rtl.nav-aligned-left .main-navigation ul {
	letter-spacing: -0.31em;
	font-size: 1em;
}

.rtl.nav-aligned-left .main-navigation ul li {
	letter-spacing: normal;
}

.rtl.nav-aligned-left .main-navigation {
	text-align: left;
}

Thanks a lot
It works well...

You're welcome. We'll get this fixed in the theme :)

This archived topic is closed to new replies.