saguaros
Hi,

URL: https://chinalaowai.net

I've change it back to use Drilldown sub menu effect now , you can check again please...

This is when using Chinese layout

This is when using Arabic (RTL) layout

The Drilldown effect works fine just only when using the English layout

.

You can try this custom css:

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .dropdown-menu {
    margin-left: 0;
}

html[dir='rtl'] .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .dropdown-menu {
    margin-right: 0;
}

    saguaros
    Hi,

    After applying the above custom css, the Offcanvas menu works fine in Chinese layout, BUT in the RTL (Arabic layout) it just disappears when reaches level 3, Please check the attached link, (Screenshot video describes the issue).

    https://chinalaowai.net/en/community/videos/9-issue-in-rtl-layout-on-offcanvas-drilldown-sub-menu-effect?from=listing

    There is one more thing related to this issue, I need help with it please...,
    How to change the direction of the sign ">" that shows next to the upper menu when there is a sub-menu. The sign direction should be as "<" in RTL layout, you can check the attached image please.

    Here is my custom css file how it looks like now:

    .theme-dark .readmore .btn {
    border: 1px solid rgba(255,255,255,.5);
    color: rgba(255,255,255,.5);
    }
    .theme-dark .readmore .btn:hover,
    .theme-dark .readmore .btn:focus {
    color: #fff;
    }
    .t4-offcanvas.oc-level-3 .drilldown-effect .navbar-nav {
    transform: translateX(-300%);
    }
    #infinity-next {
    background: #ffffff1a !important;
    color: #fff !important;
    }
    .article-info .parent-category-name a {
    font-size: var(--t4-body-font-size);
    }
    .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .dropdown-menu {
    margin-left: 0;
    }
    html[dir='rtl'] .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .dropdown-menu {
    margin-right: 0;
    }

    P.S.: The system cache and the browser history both have been cleared after applying css file

      This message is visible to Moderators only
      hidden content
      This message is visible to Moderators only
      hidden content

      saguaros
      Hi,

      New Super admin login info has been sent to you in private msg.

      Please note temporary Super admin login info will expire on 24th of March 2023

      Hi

      I changed the icon for you in RTL, kindly check.

        saguaros
        Hi,
        Yes, Thank you very much.

        BUT, the Offcanvas menu in RTL (Arabic layout) is still disappear when reaches level 3.

        I updated this code:

        html[dir='rtl'] .t4-offcanvas.oc-level-3 .drilldown-effect .navbar-nav {
            transform: translateX(300%);
        }

        Kindly check.

          aliwari I just wonder if you did over write some template files?

          I added custom css code into this file: root/templates/ja_seven/local/css/custom.css

          I see, I'll open another ticket for that issue..

          have a nice day ...

          Write a Reply...
          You need to Login to view replies.