collapse menu rtl messes up the menu

  • Resolved shiry marcus

    (@shiry-marcus-noik)


    9 years, 11 months ago

    Hello forum,
    my web site is writen in a RTL lanuguge and there for i had used the following code in the custom CSS section:
    navbar .nav>li {
    float: right;
    }

    While the code makes my menu on pc screens looks corect from right to left it also messes up the collapse menu on smaller devices such as smart phones etc…
    some links are on the right on the same row with other links on the left.
    i had tried to implement the folowing code in the custom CSS section with no change:
    .nav-collapse .navbr .nav >li { float:none;}

    what am i doing wrong or not doing?

    https://www.adrian.co.il

Viewing 2 replies - 1 through 2 (of 2 total)

  • ??? ????
    Hi Shiry

    try this :

    /* Switch main menu direction ** GY**/
@media (max-width:1200px) {
.navbar .nav>li { float: right; }
}
@media (max-width:979px) {
.navbar .nav>li { float: right; }
}
@media (max-width:767px) {
.navbar .nav>li { float: none; }
}
.navbar .navbar-inner .nav li{ text-align: right; }

    BTW – you have one “squeezed” image on your slider

    ??

    Thread Starter shiry marcus

    (@shiry-marcus-noik)

    ?? ??

    It worked!

    I may not know code as well as you do but i hope i will, your code with my own did the trick.

    And thank you for the tip ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘collapse menu rtl messes up the menu’ is closed to new replies.