[arwa]

Hi there

Great theme! I tried it and it seems to work fine with RTL but only the submenu is aligned to left even in RTL. Is there a chance to fix it please?

Could you kindly provide  CSS code that I can paste in additional CSS in WP to fix that?

Thanks

[tikaram]

@arwa : Please add the following additional css and let me know if it works or not.

.navigation-classic .main-navigation ul li:hover > ul,
.navigation-classic .main-navigation ul li.focus > ul {
  left: auto;
  right: 0;
}.main-navigation .menu-item-has-children .menu-item-has-children > a,
.main-navigation .page_item_has_children .page_item_has_children > a {
  padding-left: 50px;
}@media screen and (min-width: 64em) {
  .main-navigation .menu-item-has-children .menu-item-has-children > a,
  .main-navigation .page_item_has_children .page_item_has_children > a {
    padding-right: 20px;
  }  .navigation-classic .main-navigation ul ul .menu-item-has-children > a:after,
  .navigation-classic .main-navigation ul ul .page_item_has_children > a:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 0;
    position: absolute;
    top: 21px;
    right: auto;
    left: 21px;
  }  .navigation-classic .main-navigation ul ul .menu-item-has-children > a::after,
  .navigation-classic
    .main-navigation
    ul
    ul
    .page_item_has_children
    > a::after {
    transform: rotate(90deg);
  }  .navigation-classic .main-navigation ul ul a {
    text-align: right;
  }  .navigation-classic .main-navigation ul ul li:hover > ul,
  .navigation-classic .main-navigation ul ul li.focus > ul {
    left: inherit;
    right: 100%;
  }
}

Regards,
Tikaram

[arwa]

Thank you very much!

It worked like a charm!

[Author]

Posts