Okay
  Public Ticket #3378047
Rtl is not working right in centered menu
Closed

Comments

  •  1
    erttvsd started the conversation
    May 24, 2023 at 8:30pm

    I have opted for the centered menu layout and upon testing it in both Arabic and English, the menu positioning remains consistent, which is not the desired outcome. Ideally, the logo should be placed on the right side, while the secondary navigation should be aligned to the left when the site is on arabic language ( RTL )

    I would greatly appreciate any assistance or suggestions on how to rectify this issue.

  •  1,882
    Judith replied
    May 24, 2023 at 9:17pm

    Hi there,

    Thanks for writing to us.

    Please try this css:

    .rtl #header-outer[data-format=centered-menu] #top .container .row,
    .rtl #header-outer[data-format=centered-menu] #top .span_9 {
      flex-direction: row-reverse;
    }
.rtl #header-outer[data-format=centered-menu] #top nav>.buttons {
      left: 0;
      right: auto;
    }

    Thanks.

  •  1
    erttvsd replied
    May 24, 2023 at 10:33pm

    It worked thank you.