Hamburger menu

Stagger Lee
1796 Posts
Stagger Lee posted this 25 December 2015

Give us an option to change hamburger menu icon when responsive menu is open ?

I see you use in Sections this modern approach of responsive menu in desktops too. This way we could put instead of standard menu icon for instanve icon "X", so visitors know where and how to close responsive menu.

Or if you have some workaround and tip for it it would be welcome ?

I dont know how this guy did it:
http://templates.themler.com/Themes/Preview?id=2273243

Give us an option to change hamburger menu icon when responsive menu is open ? I see you use in Sections this modern approach of responsive menu in desktops too. This way we could put instead of standard menu icon for instanve icon "X", so visitors know where and how to close responsive menu. Or if you have some workaround and tip for it it would be welcome ? I dont know how this guy did it: http://templates.themler.com/Themes/Preview?id=2273243
Vote to pay developers attention to this features or issue.
8 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 25 December 2015

Hi,

Thanks for the suggestion, lets vote for it.
In the template you have mentioned the custom js code was used to add a different class name to the menu icon when it is pressed and menu is opened, then the CSS code with another icon was applied.

Sincerely,
Hella

Hi, Thanks for the suggestion, lets vote for it. In the template you have mentioned the custom js code was used to add a different class name to the menu icon when it is pressed and menu is opened, then the CSS code with another icon was applied. Sincerely, Hella
shaulhadar
403 Posts
shaulhadar posted this 25 December 2015

I vote for it also, this is a known effect in a lot of professional templates, it would be a great addition to themler!!!

I vote for it also, this is a known effect in a lot of professional templates, it would be a great addition to themler!!!
Stagger Lee
1796 Posts
Stagger Lee posted this 25 December 2015

Hella, do you have some clue how it is done in example in link above ?
Is it some extern plugin installed, or some Themler tweak ?

My menu doesnt have classes like this. Actually if it only had one class when open we could with !important declaration and :before, :after override icon. But class is empty. Strange class is there when menu is closed.

Hella, do you have some clue how it is done in example in link above ? Is it some extern plugin installed, or some Themler tweak ? My menu doesnt have classes like this. Actually if it only had one class when open we could with !important declaration and :before, :after override icon. But class is empty. Strange class is there when menu is closed.

Last edited 25 December 2015 by Stagger Lee

Support Team
Support Team posted this 26 December 2015

Hello Stagger Lee,
actually it is a combination of custom CCS and JS code. Unfortunately it's not 2-lines solution, the idea is to replace menu icon using "content" CSS option.

Regards,
Aileen

Hello Stagger Lee, actually it is a combination of custom CCS and JS code. Unfortunately it's not 2-lines solution, the idea is to replace menu icon using "content" CSS option. Regards, Aileen
Stagger Lee
1796 Posts
Stagger Lee posted this 27 December 2015

Thanks Aileen, will see if I can use this JS snippet for something. It is there in source code.

Thanks Aileen, will see if I can use this JS snippet for something. It is there in source code.
Support Team
Support Team posted this 28 December 2015

You are welcome.
Hope, that you'll achieve the desired layout.

Sincerely,
Hella

You are welcome. Hope, that you'll achieve the desired layout. Sincerely, Hella
tti2
14 Posts
tti2 posted this 19 February 2016

Hi,
In my opinion the lack of X icon is a developer error.
For ordinary buttons defined states LINK, HOVER, PRESSED, VISITED and for the most important button is missing.
Creating something, you have to look at the front-end.
Stagger Lee is right.
You can not use the web pages with Hamburger menu without icon CLOSED, what is in this case of menu any click outside the menu area should closed the MENU.
Let's vote for it !!!!

Hi, In my opinion the lack of X icon is a developer error. For ordinary buttons defined states LINK, HOVER, PRESSED, VISITED and for the most important button is missing. Creating something, you have to look at the front-end. Stagger Lee is right. You can not use the web pages with Hamburger menu without icon CLOSED, what is in this case of menu any click outside the menu area should closed the MENU. Let's vote for it !!!!
Albin Klein
75 Posts
Albin Klein posted this 10 March 2016

Me wanna!

Me wanna!
You must log in or register to leave comments