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 10 May 2018 by Support Team

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

Suffian, I can open any page and submenu in my mobile menu as well.

I am reffering the problem that if you scroll down on a page, and than press the menu button, it will jump to top of page , and than open the menu.

Also, no button is being clicked and if you go a page that is not the homepage, and than go back to the homepage, the first click you press on anything just opens the offcanvas menu..

Inside the offcanvas menu everything is working great.

Can you please share you url that doesn't jump when opening the offcanvas menu? i would like to see it...

Suffian, I can open any page and submenu in my mobile menu as well. I am reffering the problem that if you scroll down on a page, and than press the menu button, it will jump to top of page , and than open the menu. Also, no button is being clicked and if you go a page that is not the homepage, and than go back to the homepage, the first click you press on anything just opens the offcanvas menu.. Inside the offcanvas menu everything is working great. Can you please share you url that doesn't jump when opening the offcanvas menu? i would like to see it...
Support Team
Support Team posted this 10 May 2018

Hi everyone!

The Themler 450 version is marked as stable.

Administración web,

I've tested links in Header and Footer areas and they work just fine. Could you please create a new private topic and provide a link to the website that demonstrates the issue.

Web IT Solutions LLP,

The scroll bar appears when the menu is too long and some of the items are outside the visible screen area. Since the menu is fixed you will not be able to scroll to the items hidden on small screens without this bar. This is regular browser scroll bar style which we cannot change. On the mobile phones the scroll bar is still there but it looks differently and you do not see it. Of course, if scroll bar is needed.

Aleksey, VadimBorisovitch

I see what you mean. We'll check this issue and fix in the future updates.
The issue happens when the menu is located in the container (like Header) with positioning and z-index.

Thank you,
Olivia

Hi everyone! The Themler 450 version is marked as stable. **Administración web**, I've tested links in Header and Footer areas and they work just fine. Could you please create a new private topic and provide a link to the website that demonstrates the issue. **Web IT Solutions LLP**, The scroll bar appears when the menu is too long and some of the items are outside the visible screen area. Since the menu is fixed you will not be able to scroll to the items hidden on small screens without this bar. This is regular browser scroll bar style which we cannot change. On the mobile phones the scroll bar is still there but it looks differently and you do not see it. Of course, if scroll bar is needed. **Aleksey, VadimBorisovitch** I see what you mean. We'll check this issue and fix in the future updates. The issue happens when the menu is located in the container (like Header) with positioning and z-index. Thank you, Olivia
Web IT Solutions LLP
307 Posts
Web IT Solutions LLP posted this 10 May 2018

And also I am not able to add the header and footer controls under my mobile menu... drag and drop is not working.

Find the screenshot attached. It's not allowing me to drag and drop the controls in

Regards
Suffian Ahmed

And also I am not able to add the header and footer controls under my mobile menu... drag and drop is not working. Find the screenshot attached. It's not allowing me to drag and drop the controls in Regards Suffian Ahmed
Web IT Solutions LLP
307 Posts
Web IT Solutions LLP posted this 10 May 2018

Hi Olivia,

How drag and drop works, i am unable to use it in my project, is there any settings i need to take care or any problem with my project ?

Regards
Suffian Ahmed

Hi Olivia, How drag and drop works, i am unable to use it in my project, is there any settings i need to take care or any problem with my project ? Regards Suffian Ahmed
shaulhadar
445 Posts
shaulhadar posted this 10 May 2018

Olivia, have you also checked what i wrote perhaps? you answered everyone but what i wrote... :(

Olivia, have you also checked what i wrote perhaps? you answered everyone but what i wrote... :(
Web IT Solutions LLP
307 Posts
Web IT Solutions LLP 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][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

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.

This i tried, but not getting any option to add the controls in header & footer.

Regards
Suffian Ahmed

> 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 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. This i tried, but not getting any option to add the controls in header & footer. Regards Suffian Ahmed

Last edited 10 May 2018 by Web IT Solutions LLP

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

Hi Olivia,

How drag and drop works, i am unable to use it in my project, is there any settings i need to take care or any problem with my project ?

Regards
Suffian Ahmed

Pleaes check my case too..?

Regards
Suffian Ahmed

> Hi Olivia, > > How drag and drop works, i am unable to use it in my project, is there any settings i need to take care or any problem with my project ? > > Regards > Suffian Ahmed Pleaes check my case too..? Regards Suffian Ahmed
VadimBorisovitch
7 Posts
VadimBorisovitch posted this 10 May 2018

I checked the screenshot settings, but the links on the page don't work. On click any link opens the menu or nothing opens.

In my mobile its working, opening each and every main menu and sub menu too..

Can you check what URL you are getting after clicking on any menu which is not responding.. like getting # symbol or nothing .. ?

Regards
Suffian Ahmed

Dear friend! Meaning that when viewing the site on a mobile device, there is an additional div which covers all the active elements on the page and they are not clickable.

> > I checked the screenshot settings, but the links on the page don't work. On click any link opens the menu or nothing opens. > > In my mobile its working, opening each and every main menu and sub menu too.. > > Can you check what URL you are getting after clicking on any menu which is not responding.. like getting # symbol or nothing .. ? > > Regards > Suffian Ahmed Dear friend! Meaning that when viewing the site on a mobile device, there is an additional div which covers all the active elements on the page and they are not clickable.
Tyushkin.Aleksey
10 Posts
Tyushkin.Aleksey posted this 10 May 2018

Canvas menu covers the entire screen width (scr.1).
if you click on the button (scr.2), or any other link, it returns to the top and open the menu (scr.3).
Сlick on the button should open a pop-up (scr.4)
In themler - мenu container blocks edit content below (scr.5)

Canvas menu covers the entire screen width (scr.1). if you click on the button (scr.2), or any other link, it returns to the top and open the menu (scr.3). Сlick on the button should open a pop-up (scr.4) In themler - мenu container blocks edit content below (scr.5)
Web IT Solutions LLP
307 Posts
Web IT Solutions LLP posted this 10 May 2018

Hi Olivia,

How drag and drop works, i am unable to use it in my project, is there any settings i need to take care or any problem with my project ?

Regards
Suffian Ahmed

Pleaes check my case too..?

Regards
Suffian Ahmed

Hello All,

I am able to achieve it, check my screenshot.

Sorry for the inconvenience caused by my drag & drop thing, rest I need a solution.

Olivia, It's looking very beautiful. I loved this new future... Woowoowowowowoowow ;-) You have sent Themler to MARS AND TO THE OTHER UNIVERSE... ;-)

Regards
Suffian Ahmed

> > Hi Olivia, > > > > How drag and drop works, i am unable to use it in my project, is there any settings i need to take care or any problem with my project ? > > > > Regards > > Suffian Ahmed > > Pleaes check my case too..? > > Regards > Suffian Ahmed Hello All, I am able to achieve it, check my screenshot. Sorry for the inconvenience caused by my drag & drop thing, rest I need a solution. Olivia, It's looking very beautiful. I loved this new future... Woowoowowowowoowow ;-) You have sent Themler to MARS AND TO THE OTHER UNIVERSE... ;-) Regards Suffian Ahmed

Last edited 10 May 2018 by Web IT Solutions LLP

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

We are not getting any highlights or drag and drop on our existing added controls or sections or separations from one control to other.

I mean selection of individual controls, adjustments are not highlighted in the menu in both header & footer. Why? There is some extra space next to the text, I like to adjust it by just dragging little bit above of other control but not working in my case.

Check the attached screenshot, please...

Regards
Suffian Ahmed

We are not getting any highlights or drag and drop on our existing added controls or sections or separations from one control to other. I mean selection of individual controls, adjustments are not highlighted in the menu in both header & footer. Why? There is some extra space next to the text, I like to adjust it by just dragging little bit above of other control but not working in my case. Check the attached screenshot, please... Regards Suffian Ahmed

Last edited 10 May 2018 by Web IT Solutions LLP

Tyushkin.Aleksey
10 Posts
Tyushkin.Aleksey posted this 10 May 2018

VadimBorisovitch, thank you very much for your help.
My problem found.
This <div class></div> appeared after adding canvas menu it is in the file "hmenu_1" and his style ".bd-menuoverlay-13 {background-color: rgba(0, 0, 0, 0.5);}" in style.css
But if delete div menu is not hidden by clicking overlay.

VadimBorisovitch, thank you very much for your help. My problem found. This &lt;div class&gt;&lt;/div&gt; appeared after adding canvas menu it is in the file "hmenu_1" and his style ".bd-menuoverlay-13 {background-color: rgba(0, 0, 0, 0.5);}" in style.css But if delete div menu is not hidden by clicking overlay.

Last edited 10 May 2018 by Tyushkin.Aleksey

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

Hi All,

Is there any way to increase the width of the canvas mobile menu. Right know its taking 50% of the screen, can we make it 90% or full as per the needs.

Screenshot attached for reference... Any one please...

Regards
Suffian Ahmed

Hi All, Is there any way to increase the width of the canvas mobile menu. Right know its taking 50% of the screen, can we make it 90% or full as per the needs. Screenshot attached for reference... Any one please... Regards Suffian Ahmed
Web IT Solutions LLP
307 Posts
Web IT Solutions LLP posted this 10 May 2018

Hi Olivia,

As one of my friend Tyushkin.Aleksey told his issue that whenever they click on any link or any button the Slide Menu and Off Canvas are opening automatically.

Try to check it in my case, access my demo URL - http://demo.dinecaters.com/ from Mobile and try to click on any button let say in the Home Page we have one button called - Read More, once click on that button or any button or link the Slider Menu Opens automatically. After that, no click event works...

Test URL - http://demo.dinecaters.com

Is there any fixes. Is that got fixed Olivia ???

Regards
Suffian Ahmed

Hi Olivia, As one of my friend Tyushkin.Aleksey told his issue that whenever they click on any link or any button the Slide Menu and Off Canvas are opening automatically. Try to check it in my case, access my demo URL - http://demo.dinecaters.com/ from Mobile and try to click on any button let say in the Home Page we have one button called - Read More, once click on that button or any button or link the Slider Menu Opens automatically. After that, no click event works... Test URL - http://demo.dinecaters.com Is there any fixes. Is that got fixed Olivia ??? Regards Suffian Ahmed

Last edited 10 May 2018 by Web IT Solutions LLP

Tyushkin.Aleksey
10 Posts
Tyushkin.Aleksey posted this 10 May 2018

Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/

Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/

Last edited 10 May 2018 by Tyushkin.Aleksey

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

Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/

Yes, what is the solutions.. it's very bad now, need to share with the client...

Olivia, Can you help us to resolve this issue temporarly and later you can fix in next release ASAP.

Please.... We are waiting for your call.

Regards
Suffian Ahmed

> Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/ > Yes, what is the solutions.. it's very bad now, need to share with the client... Olivia, Can you help us to resolve this issue temporarly and later you can fix in next release ASAP. Please.... We are waiting for your call. Regards Suffian Ahmed
Web IT Solutions LLP
307 Posts
Web IT Solutions LLP posted this 10 May 2018

Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/

Yes, what is the solutions.. it's very bad now, need to share with the client...

Olivia, Can you help us to resolve this issue temporarly and later you can fix in next release ASAP.

Please.... We are waiting for your call.

Regards
Suffian Ahmed

I found some temporary solutions for our issue. Hope Olive will give us the suggestion on this error.

This below CSS Class having some problem, it's not allowing to click it on links or buttons instead overlay it and whenever we click on any buttons it opening menu overlay...

Class are given below,

class=" bd-menuoverlay-12 bd-menu-overlay"

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

@media (max-width: 991px)
.bd-hmenu-1 .bd-menu-overlay {

/* display: inline-block; */
transition: opacity 700ms cubic-bezier(0.6, -0.5, 0.3, 1.5) 0ms;
transition-property: opacity, margin-left;

}

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

Once we comment the code from the class mobile version above its allowing us to click on the mouse and the mobile menu is not opening again and again on every click

/* display: inline-block; */

Any words from you... Appreciated your suggestions and solutions.

May be display: none !Important; will work.

Regards
Suffian Ahmed

> > Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/ > > > > Yes, what is the solutions.. it's very bad now, need to share with the client... > > Olivia, Can you help us to resolve this issue temporarly and later you can fix in next release ASAP. > > Please.... We are waiting for your call. > > Regards > Suffian Ahmed I found some temporary solutions for our issue. Hope Olive will give us the suggestion on this error. This below CSS Class having some problem, it's not allowing to click it on links or buttons instead overlay it and whenever we click on any buttons it opening menu overlay... Class are given below, class=" bd-menuoverlay-12 bd-menu-overlay" ================================================= @media (max-width: 991px) .bd-hmenu-1 .bd-menu-overlay { /* display: inline-block; */ transition: opacity 700ms cubic-bezier(0.6, -0.5, 0.3, 1.5) 0ms; transition-property: opacity, margin-left; } ====================== Once we comment the code from the class mobile version above its allowing us to click on the mouse and the mobile menu is not opening again and again on every click /* display: inline-block; */ Any words from you... Appreciated your suggestions and solutions. May be display: none !Important; will work. Regards Suffian Ahmed

Last edited 10 May 2018 by Web IT Solutions LLP

Vitaliy WD
318 Posts
Vitaliy WD posted this 10 May 2018

Hi.

Can you update blank themes?

Hi. Can you update blank themes?
Web IT Solutions LLP
307 Posts
Web IT Solutions LLP posted this 10 May 2018

Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/

Issue got fixed in latest updates, please update your project and test it again.

Regards
Suffian Ahmed

> Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/ > Issue got fixed in latest updates, please update your project and test it again. Regards Suffian Ahmed
Web IT Solutions LLP
307 Posts
Web IT Solutions LLP posted this 10 May 2018

Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/

Yes, what is the solutions.. it's very bad now, need to share with the client...

Olivia, Can you help us to resolve this issue temporarly and later you can fix in next release ASAP.

Please.... We are waiting for your call.

Regards
Suffian Ahmed

Now its working, test my url - http://demo.dinecaters.com/home.html

Regards
Suffian Ahmed

> > Suffian Ahmed, I looked at your website http://demo.dinecaters.com off canvas are opening automatically by clicking on the button. The problem is the same as on my website https://teos34.ru/ > > > > Yes, what is the solutions.. it's very bad now, need to share with the client... > > Olivia, Can you help us to resolve this issue temporarly and later you can fix in next release ASAP. > > Please.... We are waiting for your call. > > Regards > Suffian Ahmed Now its working, test my url - http://demo.dinecaters.com/home.html Regards Suffian Ahmed
You must log in or register to leave comments