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

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

Home Forums Support Navigation Alignment "Left" does not work in RTL sites

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1184611
    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

    #1184949
    Tom
    Lead Developer
    Lead Developer

    Hi there,

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

    #1186009
    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

    #1186130
    Daniel

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

    #1186137
    Leo
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #1186726
    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.

    #1187239
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #1188954
    Daniel

    Thanks a lot
    It works well…

    #1189046
    Tom
    Lead Developer
    Lead Developer

    You’re welcome. We’ll get this fixed in the theme ๐Ÿ™‚

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.