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.
93 Comments
Order By: Standard | Newest
Web IT Solutions LLP
378 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
Tyushkin.Aleksey
11 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
378 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

Web IT Solutions LLP
378 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

Tyushkin.Aleksey
11 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)
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.
Web IT Solutions LLP
378 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
Web IT Solutions LLP
378 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

shaulhadar
447 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
378 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
Web IT Solutions LLP
378 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
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
shaulhadar
447 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...
Web IT Solutions LLP
378 Posts
Web IT Solutions LLP 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

> 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
Tyushkin.Aleksey
11 Posts
Tyushkin.Aleksey 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.

I checked the screenshot settings, but the links on the page don't work. On click any link opens the menu or nothing opens.
Web IT Solutions LLP
378 Posts
Web IT Solutions LLP posted this 10 May 2018

Hi Suffian, i uave no such problem with seeing the scroll bar...i am using chrome on android and it doesnt show at all...it seems tou are checking from desktop, so you see it..please check it from your mobile and you will se it is ok..

My only problem is the click "hijacking" on home page and some other pages, and the jump to top...

Yes, let me check it from my mobile...

Thanks & Regards
Suffian Ahmed

Yes, I am not seeing any scroll from Mobile. You are Right, I was viewing from Desktop. That's works perfectly.

But, as you said regarding jump I am not getting on my mobile. Could you share the screen of the same, first normal and then the jump screenshot to view the issue.

Regards
Suffian Ahmed

> > Hi Suffian, i uave no such problem with seeing the scroll bar...i am using chrome on android and it doesnt show at all...it seems tou are checking from desktop, so you see it..please check it from your mobile and you will se it is ok.. > > > > My only problem is the click "hijacking" on home page and some other pages, and the jump to top... > > > > Yes, let me check it from my mobile... > > Thanks & Regards > Suffian Ahmed Yes, I am not seeing any scroll from Mobile. You are Right, I was viewing from Desktop. That's works perfectly. But, as you said regarding jump I am not getting on my mobile. Could you share the screen of the same, first normal and then the jump screenshot to view the issue. Regards Suffian Ahmed

Last edited 10 May 2018 by Web IT Solutions LLP

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

Hi Suffian, i uave no such problem with seeing the scroll bar...i am using chrome on android and it doesnt show at all...it seems tou are checking from desktop, so you see it..please check it from your mobile and you will se it is ok..

My only problem is the click "hijacking" on home page and some other pages, and the jump to top...

Yes, let me check it from my mobile...

Thanks & Regards
Suffian Ahmed

> Hi Suffian, i uave no such problem with seeing the scroll bar...i am using chrome on android and it doesnt show at all...it seems tou are checking from desktop, so you see it..please check it from your mobile and you will se it is ok.. > > My only problem is the click "hijacking" on home page and some other pages, and the jump to top... > Yes, let me check it from my mobile... Thanks & Regards Suffian Ahmed
shaulhadar
447 Posts
shaulhadar posted this 10 May 2018

Hi Suffian, i uave no such problem with seeing the scroll bar...i am using chrome on android and it doesnt show at all...it seems tou are checking from desktop, so you see it..please check it from your mobile and you will se it is ok..

My only problem is the click "hijacking" on home page and some other pages, and the jump to top...

Hi Suffian, i uave no such problem with seeing the scroll bar...i am using chrome on android and it doesnt show at all...it seems tou are checking from desktop, so you see it..please check it from your mobile and you will se it is ok.. My only problem is the click "hijacking" on home page and some other pages, and the jump to top...
Web IT Solutions LLP
378 Posts
Web IT Solutions LLP posted this 10 May 2018

Thanks so much, the pop-up menu works correctly. But canvas menu opens when you click any link on the second page, and links on home page do not work. Сan you see?

Have you tried Action & Sub Menu -> On Click and other details...

Check this setting, it will work main menu link too.

Find the screenshot attached for your reference.

Regards
Suffian Ahmed

> Thanks so much, the pop-up menu works correctly. But canvas menu opens when you click any link on the second page, and links on home page do not work. Сan you see? > Have you tried Action & Sub Menu -> On Click and other details... Check this setting, it will work main menu link too. Find the screenshot attached for your reference. Regards Suffian Ahmed

Last edited 10 May 2018 by Web IT Solutions LLP

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

Thanks so much, the pop-up menu works correctly. But canvas menu opens when you click any link on the second page, and links on home page do not work. Сan you see?

Thanks so much, the pop-up menu works correctly. But canvas menu opens when you click any link on the second page, and links on home page do not work. Сan you see?

Last edited 10 May 2018 by Tyushkin.Aleksey

You must log in or register to leave comments