Sample screenshot

http://www.jasny.net/bootstrap/examples/navmenu-reveal/

This vertical div scrolling is missing in Mobile Menu...

This is really full fledge one of the greatest examples... check the link below

Best Example
https://tympanus.net/Development/SidebarTransitions/

https://tympanus.net/Development/OffCanvasMenuEffects/elastic.html

Hope you consider the above link and make Themler one of the Greatest UI Design Tool Again forever ;-)

Regards
Suffian Ahmed

Menu Icon at top of flip. Screenshot attached.

Regards
Suffian Ahmed

Hi,

We have more pages, menus, and submenus under our project. When we open in our mobile we are not getting any div scrolling vertically option. Is that achievable using the below mobile menu opening functionality ???

This issue will be fixed in the next Themler update.

We have used this Slide Menu in one of our projects (We are changing it ASAP since we are facing issue with scrolling vertically to view our all below menus and submenus in mobile version) Why this is not yet developed ???

This is a first beta release of the feature.
As mentioned here
http://answers.themler.io/questions/162468/themler-v-444-beta-update-04-may-2018
this is beta release and unexpected issues are possible. We do not recommend using the beta version of features on the production websites.

We added your requests to our wish list.

Thank you,
Olivia

Sir, Kindly find the screenshot attached for your reference.

Some of the Feature we are looking for it

A) Can we get the option to add one icon or image or logo on our menu?
B) Animations for mobile menu slide like flip, drop from the top, right, left, bottom, shake etc...?
C) Can we change the background flip color?
D) The flip background is that possible?

As our brother Mr. Shaulhadar shared,

http://www.jasny.net/bootstrap/examples/navmenu-reveal/

This vertical div scrolling is missing in Mobile Menu...

This is really full fledge one of the greatest examples... check the link below

Best Example
https://tympanus.net/Development/SidebarTransitions/
https://tympanus.net/Development/OffCanvasMenuEffects/elastic.html

Hope you consider the above link and make Themler one of the Greatest UI Design Tool Again forever ;-)

Thanks
Suffian Ahmed

Hi,

We have fixed the issue with the missing scroll bar in the latest update. Also we have added the header and footer areas to add controls into menu. Also we will consider your suggestions regarding animations.

Sincerely,
Hella

Yes, Hella,

Issues fixed in the latest releases, we are really happy with your great work and appreciated your support and quick response.

Great Work was done by the Themler Team and their Developers.

Regards
Suffian Ahmed

Last edited 11 May 2018 by Web IT Solutions LLP

Thanks for your comments. Feel free to contact us in any other occasion.

Sincerely,
Hella

Hello,
is it possible to show menubar on right side?

Sincerely,
Thorsten

http://www.schulzdesign.info

Hi,

Unfortunately right side menu bar is not supported yet. But we plan to implement it in the future Themler updates.

Thank you,
Olivia

Hi,

Unfortunately right side menu bar is not supported yet. But we plan to implement it in the future Themler updates.

Thank you,
Olivia

Hi Olivia,

Is that the script which plays left to right slider ?

==================================================

CSS ".collapse-button" & Script - script.js

jQuery(function () {
    'use strict';
    new window.ThemeLightbox('.bd-lightbox, .lightbox').init();
});
})(window._$, window._$);
(function (jQuery, $) {
jQuery(function ($) {
    'use strict';


    $('.collapse-button').each(function () {
        var button = $(this);
        var collapse = button.siblings('.collapse');


        collapse.on('show.bs.collapse', function () {
            if (button.parent().css('position') === 'absolute') {
                var right = collapse.width() - button.width();
                if (button.hasClass('bd-collapse-right')) {
                    $(this).css({
                        'position': 'relative',
                        'right': right
                    });
                } else {
                    $(this).css({
                        'position': '',
                        'right': ''
                    });
                }
            }
        });
    });

Regards
Suffian Ahmed

Hi,

Unfortunately right side menu bar is not supported yet. But we plan to implement it in the future Themler updates.

Thank you,
Olivia

Hi Olivia,

Is that the script which plays left to right slider ?

==================================================

CSS ".collapse-button" & Script - script.js

jQuery(function () {
    'use strict';
    new window.ThemeLightbox('.bd-lightbox, .lightbox').init();
});
})(window._$, window._$);
(function (jQuery, $) {
jQuery(function ($) {
    'use strict';


    $('.collapse-button').each(function () {
        var button = $(this);
        var collapse = button.siblings('.collapse');


        collapse.on('show.bs.collapse', function () {
            if (button.parent().css('position') === 'absolute') {
                var right = collapse.width() - button.width();
                if (button.hasClass('bd-collapse-right')) {
                    $(this).css({
                        'position': 'relative',
                        'right': right
                    });
                } else {
                    $(this).css({
                        'position': '',
                        'right': ''
                    });
                }
            }
        });
    });

Regards
Suffian Ahmed

CSS Script

.bd-hmenu-1 .collapse-button {
  direction: ltr;
}

Regards
Suffian Ahmed

Suffian, i am not sure i understand your code. is this a temporary fix for showing the off canvas menu animation from the right?

Hi,

The code I took it from Themler Project style.css and script.js file itself...?

Hope you better know these code by your end itself. Let us know script.js file where that code animation from right to left is there so that we can understand it and make some changes to achieve the same to change off-canvas menu animation from the right.

Hope Themler team will understand it and let us know the permanent fixes for the same ASAP.

Regards
Suffian Ahmed

Last edited 11 June 2018 by Web IT Solutions LLP

Hi Suffian, I already talked to Themler and they said they are working on it, i assume it will be in the next update...

I was wandering if there was some kind of quick fix, to achieve same thing with some code, but i didn't find anything useful ...

Is there any update about "when" the update will be available?

Or, has anybody been successful in making the code edits to have the right off-canvas?

I actually found a solution - while we wait for Themler.
3 changes will move the off-canvas menu to the right (and the reason "I" needed to do this is because the site owner mandated the menu come out from the right since that's where the menu button resides...), and also wanted the mobile menu to be the "main" site menu for desktops - just like Tesla has.

In your template editor "Home > Settings", in the "Additional CSS", add the following:
.bd-hmenu-1 .navbar-collapse {
position: fixed !important;
z-index: 100;
top: 0;
bottom: 0;
right: 0 !important; // this was originally left //
left: auto !important;// this was originally right //
overflow-y: auto !important;
}
nav div[style] {
opacity: 1;
margin-left: 0 !important;
}

That last part will override the inline style which is set to "margin-left: 250px;" along with "opacity: 1;".
And yes, it "IS" possible to use CSS to change inline styles. (Usually we try to do the reverse)

So, to be clear, you can override the default side from which the mobile menu appears using CSS only.
I hope that helps you all.
Tom

Last edited 15 October 2018 by tmgarrison

Hello Mr. tmgarrison,

We tried your script above but could not succeeded. Can you please share your live link so that we can understand it in live.

We have added your css code in our project but not getting the desired output. We need mobile menu comes from Right Side.

nav div[style] {
opacity: 1;
margin-left: 0 !important;
}

What is div[style] thing, can you please share some more details.

We tried with one of our live website URL - http://asquarefloors.com/

If possible, can you review our above live website and share the sample script to change as per your script.

Regards
Suffian Ahmed