Off-Canvas Direction Right to Left

378 Posts

Web IT Solutions LLP posted this 11 June 2019

Dear Sir,

Can we get Horizontal Menu Off-Canvas Direction from Right to Left (RTL)? Right now it's coming from Left to Right (LTR) but some times I need it from Right to Left Flow. Is that possible, or you can add some updates to achieve the same.

Just share us at the code level is that possible to make it custom we can do the changes in our .js and .css files, please.

Regards
Suffian Ahmed

Dear Sir, Can we get Horizontal Menu Off-Canvas Direction from Right to Left (RTL)? Right now it's coming from Left to Right (LTR) but some times I need it from Right to Left Flow. Is that possible, or you can add some updates to achieve the same. Just share us at the code level is that possible to make it custom we can do the changes in our .js and .css files, please. Regards Suffian Ahmed

horizontal-menu off-canvas right-to-left menu_direction hmenu_direction

Vote to pay developers attention to this features or issue.

3 Comments

Order By: Standard | Newest

378 Posts

Web IT Solutions LLP posted this 11 June 2019

Hello Sir,

Please check my screenshot for the same.

@media (max-width: 991px)
.bd-hmenu-1 .navbar-collapse {
    position: fixed !important;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0; /* changed to right */
    right: auto !important; /* changed to left */
    overflow-y: auto !important;

we changed some values left and right and navbar-collapse changed direction from LTR to RTL (Right to Left Direction)... Still, some more changes need to make it in order to make the background stable and slide in the opposite direction.

Sample URL -http://gulfcornermedicaltourism.com/ for reference. Check the screenshot attached for better inputs and references.

Can you help me to achieve the same, please?

Regards
Suffian Ahmed

Hello Sir, Please check my screenshot for the same. ------------------------------------------------------- @media (max-width: 991px) .bd-hmenu-1 .navbar-collapse { position: fixed !important; z-index: 100; top: 0; bottom: 0; left: 0; /* changed to right */ right: auto !important; /* changed to left */ overflow-y: auto !important; we changed some values left and right and navbar-collapse changed direction from LTR to RTL (Right to Left Direction)... Still, some more changes need to make it in order to make the background stable and slide in the opposite direction. Sample URL -http://gulfcornermedicaltourism.com/ for reference. Check the screenshot attached for better inputs and references. Can you help me to achieve the same, please? Regards Suffian Ahmed

Ashampoo-Snap-2019.06.11-23h10m05s-003-.png

Ashampoo-Snap-2019.06.11-23h11m07s-004-.png

378 Posts

Web IT Solutions LLP posted this 30 June 2019

Any updates on this one, please ?

5 Posts

osangoqui posted this 21 May 2020

were you finally able to make the menu appear from right to left?