Archived topic
Navigation Alignment "Left" does not work in RTL sites
8 replies · Started by Daniel on March 4, 2020
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?
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
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 :)