[Resolved] Navigation Alignment "Left" does not work in RTL sites

[Daniel]

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

[Tom]

Hi there,

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

[Daniel]

Hello again my friend
Thanks for your reply
please check this url: https://udp.aratip.com/
my settings are like this: https://snipboard.io/Ffp731.jpg

[Daniel]

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

[Leo]

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 🙂

[Daniel]

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.

[Tom]

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;
}

[Daniel]

Thanks a lot
It works well…

[Tom]

You’re welcome. We’ll get this fixed in the theme 🙂

[Author]

Posts