Canvas Support

Avoid reverse menu in desktop mode

1 reply·opened Mar 19, 2021
E
ema_xpsMar 19, 2021

Hello,

In index-rtl.html page, the menu behaviour in desktop mode is show in reverse.
For example, if i have the following menu:

<ul class="menu-container">
 <li class="menu-item">
  <a class="menu-link" href="#">
   <div>Option 1</div>
  </a>
 </li>
 <li class="menu-item">
  <a class="menu-link" href="#">
   <div>Option 2</div>
  </a>
 </li>
 <li class="menu-item">
  <a class="menu-link" href="#">
   <div>Option 3</div>
  </a>
 </li>
...

In desktop mode appears in order: Option 3, Option 2 and Option 1.
There is the same behaviour in <div class="feature-box" data-animate="fadeIn"> for the icons.
How can i fix it?
Best regards,
Emanuele

S
SemiColonWebSTAFFMar 20, 2021

Hello,

Since this RTL, the Content is set to direction from Right to Left for RTL Languages. This is the Default Behavior and should work in the way it does right now.

If you are planning to setup a Layout with a Logo on the Right and Menu on the Left, you will need to edit the Default index.html Template without using RTL.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard