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 31 October 2018 by Support Team

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

https://teos34.ru/
pop-up menu is now enabled, canvas overlap all page, even if the menu is inactive. Thanks for help.

https://teos34.ru/ pop-up menu is now enabled, canvas overlap all page, even if the menu is inactive. Thanks for help.
Web IT Solutions LLP
308 Posts
Web IT Solutions LLP posted this 10 May 2018

My mobile menu also covers the entire active area and disables all links on the page.
Pop-up menu cannot center text, automatic and % width did not solve the problem.

Please, Share us the website link so that ppl can study the script.

Regards
Suffian Ahmed

> My mobile menu also covers the entire active area and disables all links on the page. > Pop-up menu cannot center text, automatic and % width did not solve the problem. Please, Share us the website link so that ppl can study the script. Regards Suffian Ahmed
Tyushkin.Aleksey
10 Posts
Tyushkin.Aleksey posted this 10 May 2018

My mobile menu also covers the entire active area and disables all links on the page.
Pop-up menu cannot center text, automatic and % width did not solve the problem.

My mobile menu also covers the entire active area and disables all links on the page. Pop-up menu cannot center text, automatic and % width did not solve the problem.
Web IT Solutions LLP
308 Posts
Web IT Solutions LLP posted this 10 May 2018

Hi Shaulhadar, Thanks to shared your info and website, really good looking website you have designed.

And, regarding vertical div menu slider why we have to show in our mobile menu, cannot we make it transparent so that only menu we can see. It's looking awkward in design. Why have to show the Vertical Div Side Bar, can't be it transparent or hidden?

I agree, this feature is really great and they deserve true 100% credit for this long waiting feature and efforts.

Regards
Suffian Ahmed

Hi Shaulhadar, Thanks to shared your info and website, really good looking website you have designed. And, regarding vertical div menu slider why we have to show in our mobile menu, cannot we make it transparent so that only menu we can see. It's looking awkward in design. Why have to show the Vertical Div Side Bar, can't be it transparent or hidden? I agree, this feature is really great and they deserve true 100% credit for this long waiting feature and efforts. Regards Suffian Ahmed

Last edited 10 May 2018 by Web IT Solutions LLP

shaulhadar
445 Posts
shaulhadar posted this 10 May 2018

Hi Suffian, I actually figured out most of the stuff.

You need to enable the header and footer, than open the menu inside Themler mobile view, than drag the control in the upper or lower part of the menu..

You can check my site in mobile
Www.shaulhadar.com

You will see the menu there.

I actually have a strange bug that every time I open the off canvas menu , it jumps to the top of the page, and also it disables some of my buttons on my page...

But other than that, this is an amazing upgrade to Themler.

Hi Suffian, I actually figured out most of the stuff. You need to enable the header and footer, than open the menu inside Themler mobile view, than drag the control in the upper or lower part of the menu.. You can check my site in mobile [Www.shaulhadar.com][1] You will see the menu there. I actually have a strange bug that every time I open the off canvas menu , it jumps to the top of the page, and also it disables some of my buttons on my page... But other than that, this is an amazing upgrade to Themler. [1]: http://shaulhadar.com

Last edited 10 May 2018 by shaulhadar

Web IT Solutions LLP
308 Posts
Web IT Solutions LLP posted this 10 May 2018

Dear Team,

Thanks for your great efforts and time!

Couple of things I like to know from your end,

1) How to add Controls like Images, Social Icons, Text, Headings etc in Header & Footer of Off Canvas & Slider Menu under Mobile Menu. We are unable to drag and drop the controls in the menu section of header and footer after enabling it. How to make it could you share some video sections or link step by step to understand it in the better way. ?

2) If we open sub menus we are getting the slider that really good. But that slider should be transparent and no need to highlight the slider only if it scrolls for sub menus when opening it's more than enough. Why we have to show the slider vertical in mobile menu...?

3) What is the use of Header, Footer, and Button? Where to use it, it's not allowing us to add controls? Check the screenshot for all sections above.

4) Slider Menu it should come in full screen in mobile, how to achieve this. Its coming partial and going bit top left... no symmetric in alignment. Screenshot attached.

Share some helpful links or videos please to view the step by step to achieve the results.

Note: Multiple files uploading is having some issues here, please check this too... It's not allow screenshot to attached, taking time but no attachments and after more attempts its adding screenshots under Attach Files.

Regards
Suffian Ahmed

Dear Team, Thanks for your great efforts and time! Couple of things I like to know from your end, 1) How to add Controls like Images, Social Icons, Text, Headings etc in Header & Footer of Off Canvas & Slider Menu under Mobile Menu. We are unable to drag and drop the controls in the menu section of header and footer after enabling it. How to make it could you share some video sections or link step by step to understand it in the better way. ? 2) If we open sub menus we are getting the slider that really good. But that slider should be transparent and no need to highlight the slider only if it scrolls for sub menus when opening it's more than enough. Why we have to show the slider vertical in mobile menu...? 3) What is the use of Header, Footer, and Button? Where to use it, it's not allowing us to add controls? Check the screenshot for all sections above. 4) Slider Menu it should come in full screen in mobile, how to achieve this. Its coming partial and going bit top left... no symmetric in alignment. Screenshot attached. Share some helpful links or videos please to view the step by step to achieve the results. Note: Multiple files uploading is having some issues here, please check this too... It's not allow screenshot to attached, taking time but no attachments and after more attempts its adding screenshots under Attach Files. Regards Suffian Ahmed

Last edited 10 May 2018 by Web IT Solutions LLP

shaulhadar
445 Posts
shaulhadar posted this 09 May 2018

Wow Themler team, amazing and fast job. !!!
We appreciate it and thank you for your great work.

I would buy a beer for the whole team if I could :)

Wow Themler team, amazing and fast job. !!! We appreciate it and thank you for your great work. I would buy a beer for the whole team if I could :)
Vitaliy WD
339 Posts
Vitaliy WD posted this 08 May 2018

Topic was renamed, so now v.450 is stable for production?
On http://themler.io/download is fresh v.450 blank themes?

Topic was renamed, so now v.450 is stable for production? On http://themler.io/download is fresh v.450 blank themes?
Administración web
59 Posts
Administración web posted this 08 May 2018

Hola, Señores Themler, pueden revisar por favor los "Hipervínculos" en el "Header" y en "Footer", no funcionan con ningún tipo de objeto, he añadido "Links" a imágenes, Social Sharing, Icons y con ninguno funcionan los links, probé también con Target Blank y con Default, tampoco.
Muchas gracias.

Hola, Señores Themler, pueden revisar por favor los "**Hipervínculos**" en el "Header" y en "Footer", no funcionan con ningún tipo de objeto, he añadido "**Links**" a imágenes, Social Sharing, Icons y con ninguno funcionan los links, probé también con Target Blank y con Default, tampoco. Muchas gracias.
Administración web
59 Posts
Administración web posted this 08 May 2018

¡Gracias!
Eso es lo que necesitamos, que implementen las nuevas tendencias en diseño. ¡Con esta si que la están sacando del estadio!
¡¡FELICITACIONES!!

¡Gracias! Eso es lo que necesitamos, que implementen las nuevas tendencias en diseño. ¡Con esta si que la están sacando del estadio! ¡¡FELICITACIONES!!
VadimBorisovitch
7 Posts
VadimBorisovitch 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

no, it is in the closed menu

> 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 no, it is in the closed menu
Web IT Solutions LLP
308 Posts
Web IT Solutions LLP 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

Can you share the screenshots please for better understanding ??

Regards
Suffian Ahmed

> > 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 Can you share the screenshots please for better understanding ?? Regards Suffian Ahmed
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
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
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
Vitaliy WD
339 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 )))
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
339 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.
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!
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...
You must log in or register to leave comments