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
Web IT Solutions LLP
378 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
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
Administración web
62 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!!
Administración web
62 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.
Vitaliy WD
490 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?
shaulhadar
447 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 :)
Web IT Solutions LLP
378 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
447 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
378 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

Tyushkin.Aleksey
11 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
378 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
11 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
378 Posts
Web IT Solutions LLP posted this 10 May 2018

Yes, Tyushkin.Aleksey,

https://teos34.ru/

Small input, if we remove width it's working as smoothly, we have dynamically commented the width underclass class="navbar-collapse collapse"

class="navbar-collapse collapse"

.navbar-collapse:not(.width) {
position: absolute;
z-index: 1000;
/* width: 100%; */
}

Kindly find the screenshot attached, anyone who has control of it. Check the screenshot for more details...

Regards
Suffian Ahmed

Yes, Tyushkin.Aleksey, https://teos34.ru/ Small input, if we remove width it's working as smoothly, we have dynamically commented the width underclass class="navbar-collapse collapse" class="navbar-collapse collapse" .navbar-collapse:not(.width) { position: absolute; z-index: 1000; /* width: 100%; */ } Kindly find the screenshot attached, anyone who has control of it. Check the screenshot for more details... 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

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

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

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

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

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
You must log in or register to leave comments