Updated: Themler v.456 Update (10-May-2018)

Support Team
Support Team posted this 04 May 2018

Hi everyone,

We're happy to introduce the new Off Canvas and Slide Menu opening options for Mobile Menu.

off-canvas-1.png

When Off Canvas Menu option is used the menu overlaps the page, when the Slide Menu option is used the menu pushes the content to the right.

off-canvas-2.png

There is an option to add Header and Footer areas in the slide menu above and below the menu content correspondingly. These areas can contain various controls and even placeholders for the CMS modules.

Here is the short video overview of the new feature:

For more information on the new Off Canvas feature visit this link

Fixes in this update

  • Fixed issues with the incorrect column height and alignment in some grid layouts.
  • WordPress: Fixed the issue with the third-party shortcodes in the posts breaking the Themler shortcodes;
  • Woocommerce: Fixed the deprecated usage issues when adding product to cart;

NEW!

  • Fixed issue with jumping page when Off-canvas or Slide Menus are used;
  • Fixed issue with non-clickable links on some projects when Off-canvas or Slide Menus are used;

Thank you,
Themler Team

Hi everyone, [post:162376] Thank you, Themler Team

Last edited 3 weeks ago by Support Team

Vote to pay developers attention to this features or issue.
92 Comments
Order By: Standard | Newest
Cpanel Ireland
10 Posts
Cpanel Ireland posted this 04 May 2018

Many Thanks - Great feature :) :)

Many Thanks - Great feature :) :)
Vitaliy WD
336 Posts
Vitaliy WD posted this 04 May 2018

Hi.

Thank you for update.

Some important questions:

  1. Is it possible to add Joomla modules / WP widgets and other controls (like a language switcher, logo and search - that very important) inside this off-canvas panel?

  2. Is it possible to open panel in full width and height of window (viewport)?

Hi. Thank you for update. Some important questions: 1. Is it possible to add Joomla modules / WP widgets and other controls (like a language switcher, logo and search - that very important) inside this off-canvas panel? 2. Is it possible to open panel in full width and height of window (viewport)?
Giuma
65 Posts
Giuma posted this 05 May 2018

thanks for this

thanks for this
SH707
70 Posts
SH707 posted this 05 May 2018

thanks!

thanks!
Web IT Solutions LLP
308 Posts
Web IT Solutions LLP posted this 05 May 2018

Dear Sir,

URL - https://answers.themler.io/questions/162502/mobile-menu-slide-menu-with-more-pages-menu-sub-menus-scrolling-functionality-missing?page=1

Congratulations!!!

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 ???

Thanks for your updates Beta Release of Themelr. We are expecting such a great menu functionality since the long period of time. Appreciated.

In Themler, under Mobile Menu -> Opening

A) Accordian
B) Off Canvas
C) Slide Menu

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 ???

URL - http://demo.webnoesys.net/

Kindly find the screenshot attached for your reference.

Some of the Feature we are looking for it - (Screenshot attached for your understanding)

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, bottom, shake etc...?
C) Can we change the background flip color?
D) The flip background is that possible?

Waiting for your valuable quick response.

Thanks & Regards
Suffian Ahmed

Dear Sir, URL - https://answers.themler.io/questions/162502/mobile-menu-slide-menu-with-more-pages-menu-sub-menus-scrolling-functionality-missing?page=1 Congratulations!!! 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 ??? Thanks for your updates Beta Release of Themelr. We are expecting such a great menu functionality since the long period of time. Appreciated. In Themler, under Mobile Menu -> Opening A) Accordian B) Off Canvas C) Slide Menu 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 ??? URL - http://demo.webnoesys.net/ Kindly find the screenshot attached for your reference. Some of the Feature we are looking for it - (Screenshot attached for your understanding) 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, bottom, shake etc...? C) Can we change the background flip color? D) The flip background is that possible? Waiting for your valuable quick response. Thanks & Regards Suffian Ahmed
pdg.design
71 Posts
pdg.design posted this 05 May 2018

Great news!
Thank you!
It will work on "big" sites, not only on mobile?

Great news! Thank you! It will work on "big" sites, not only on mobile?
shaulhadar
445 Posts
shaulhadar posted this 05 May 2018

Thank you so much Themler Team! This is a great addition...

Only thing I can think of, is if you would let me put controls above and under the menu it will be amazing....
Let's say i want to add social icons in the bottom, or a logo above the off canvas menu, this will make it a whole package solution!!

Thanks again for fulfilling this wish, it is much appreciated,

Have a great day,

Shaul.

Thank you so much Themler Team! This is a great addition... Only thing I can think of, is if you would let me put controls above and under the menu it will be amazing.... Let's say i want to add social icons in the bottom, or a logo above the off canvas menu, this will make it a whole package solution!! Thanks again for fulfilling this wish, it is much appreciated, Have a great day, Shaul.
Web IT Solutions LLP
308 Posts
Web IT Solutions LLP posted this 05 May 2018

Thank you so much Themler Team! This is a great addition...

Only thing I can think of, is if you would let me put controls above and under the menu it will be amazing....
Let's say i want to add social icons in the bottom, or a logo above the off canvas menu, this will make it a whole package solution!!

Thanks again for fulfilling this wish, it is much appreciated,

Have a great day,

Shaul.

Yes, Perfect!

Regards
Suffian Ahmed

> Thank you so much Themler Team! This is a great addition... > > Only thing I can think of, is if you would let me put controls above and under the menu it will be amazing.... > Let's say i want to add social icons in the bottom, or a logo above the off canvas menu, this will make it a whole package solution!! > > Thanks again for fulfilling this wish, it is much appreciated, > > Have a great day, > > Shaul. Yes, Perfect! Regards Suffian Ahmed
Web IT Solutions LLP
308 Posts
Web IT Solutions LLP posted this 07 May 2018

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

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
Support Team
Support Team posted this 07 May 2018

Hi,

  • Is it possible to add Joomla modules / WP widgets and other controls (like a language switcher, logo and search - that very important) inside this off-canvas panel?
  • Is it possible to open panel in full width and height of window (viewport)?

No, unfortunately. Both features are not supported.

It will work on "big" sites, not only on mobile?

Yes, if you enable mobile menu in Desktop mode too.

Suffian Ahmed,

We already answered you in your topic regarding your questions.

Thank you,
Olivia

Hi, >- Is it possible to add Joomla modules / WP widgets and other controls (like a language switcher, logo and search - that very important) inside this off-canvas panel? - Is it possible to open panel in full width and height of window (viewport)? No, unfortunately. Both features are not supported. > It will work on "big" sites, not only on mobile? Yes, if you enable mobile menu in Desktop mode too. **Suffian Ahmed**, We already answered you in your topic regarding your questions. Thank you, Olivia
VadimBorisovitch
7 Posts
VadimBorisovitch posted this 07 May 2018

Wow! Necessary and useful option! Thank You!
But, there is a conflict: if you enable "show submenu arrow" icon, closed icon in the mobile menu is not displayed as it should.

Wow! Necessary and useful option! Thank You! But, there is a conflict: if you enable "show submenu arrow" icon, closed icon in the mobile menu is not displayed as it should.
Web IT Solutions LLP
308 Posts
Web IT Solutions LLP posted this 07 May 2018

Yes VadimBorisovitch,

I too noticed that close icon is not coming. Any one please share list of test cases for easy access with real time testing...?

Regards
Suffian Ahmed

Yes VadimBorisovitch, I too noticed that close icon is not coming. Any one please share list of test cases for easy access with real time testing...? Regards Suffian Ahmed
shaulhadar
445 Posts
shaulhadar posted this 07 May 2018

Another problem I noticed, is that the "Show Sub menu Arrow" doesn't show at all in any mobile menu configuration, which is also something that would be great if it will be fixed in the next update...

Another problem I noticed, is that the "Show Sub menu Arrow" doesn't show at all in any mobile menu configuration, which is also something that would be great if it will be fixed in the next update...
ike
14 Posts
ike posted this 07 May 2018

Thank you thank you thank you! Can't wait to get in here and play with this to see how it's working! This will make life much easier! Been getting a lot of requests for this and glad to see you are once again adapting and reacting to the environments needs!

Thank you thank you thank you! Can't wait to get in here and play with this to see how it's working! This will make life much easier! Been getting a lot of requests for this and glad to see you are once again adapting and reacting to the environments needs!
Vitaliy WD
336 Posts
Vitaliy WD posted this 07 May 2018

It's very important (IMHO) add to off-canvas other controls. Just look to most popular menus: there is logo, language switcher, buttons, search etc. Unbelievable if this will not be possible.

Look at mobile on: https://yootheme.com / https://www.awwwards.com - good examples what can be inside off-canvas.

It's very important (IMHO) add to off-canvas other controls. Just look to most popular menus: there is logo, language switcher, buttons, search etc. Unbelievable if this will not be possible. Look at mobile on: https://yootheme.com / https://www.awwwards.com - good examples what can be inside off-canvas.
Support Team
Support Team posted this 08 May 2018

Hi,

Thanks for all of your comments. We have fixed the issue with the Show submenu Arrow option. Also we have added the header and footer in the off canvas menu so you could put other controls above and below the menu. But it has some restrictions: you cannot use Joomla Position in the menu header and footer as it is deprecated by the Joomla module structure. But in WP you can use WP widget area in the menu header and footer. And also please consider not using the absolute positioning for your menu if using off canvas. Off canvas menu is not meant to be positioned absolutely.
And also the menu now has scroll bar when is longer than the screen height.
The new beta is already available.

Sincerely,
Hella

Hi, Thanks for all of your comments. We have fixed the issue with the Show submenu Arrow option. Also we have added the header and footer in the off canvas menu so you could put other controls above and below the menu. But it has some restrictions: you cannot use Joomla Position in the menu header and footer as it is deprecated by the Joomla module structure. But in WP you can use WP widget area in the menu header and footer. And also please consider not using the absolute positioning for your menu if using off canvas. Off canvas menu is not meant to be positioned absolutely. And also the menu now has scroll bar when is longer than the screen height. The new beta is already available. Sincerely, Hella

Last edited 08 May 2018 by Support Team

Vitaliy WD
336 Posts
Vitaliy WD posted this 08 May 2018

We have fixed the issue with the Show submenu Arrow option. Also we
have added the header and footer in the off canvas menu

Thank you so much! Great work and fast implementation, as in old good times )))

> We have fixed the issue with the Show submenu Arrow option. Also we > have added the header and footer in the off canvas menu Thank you so much! Great work and fast implementation, as in old good times )))
Web IT Solutions LLP
308 Posts
Web IT Solutions LLP posted this 08 May 2018

Dear Themler Developers/Supporters,

Wow, Themler Technical & Support Team deserver high five appreciation, really great work and we are feeling product to be a part of Themler Project.

Thank you so much to make it possible and implementation in no time. Expecting same zees from you Themler, with more dynamic and supporting to your valuable customers like us.

We want to see our Themler with no competative, no alternative and no optional Designing Tool. The one and only Themler ;-)

Regards
Suffian Ahmed

Dear Themler Developers/Supporters, Wow, Themler Technical & Support Team deserver high five appreciation, really great work and we are feeling product to be a part of Themler Project. Thank you so much to make it possible and implementation in no time. Expecting same zees from you Themler, with more dynamic and supporting to your valuable customers like us. We want to see our Themler with no competative, no alternative and no optional Designing Tool. The one and only Themler ;-) Regards Suffian Ahmed
VadimBorisovitch
7 Posts
VadimBorisovitch posted this 08 May 2018

Alarm, alarm! ))))
In the mobile version when "off canvas" and the "slide menu" overlay covers the entire screen and the active elements on the page become unavailable

Alarm, alarm! )))) In the mobile version when "off canvas" and the "slide menu" overlay covers the entire screen and the active elements on the page become unavailable
Support Team
Support Team posted this 08 May 2018

Hi,

Do you mean that shading covers the whole page except the menu sidebar and you cannot click on active page elements when the menu is open? This is behavior by default. Shading is a container with fill color and it covers other elements on the page except the menu.

Thank you,
Olivia

Hi, Do you mean that shading covers the whole page except the menu sidebar and you cannot click on active page elements when the menu is open? This is behavior by default. Shading is a container with fill color and it covers other elements on the page except the menu. Thank you, Olivia
You must log in or register to leave comments