Hamburger menu

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

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

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.

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

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

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

Sincerely,
Hella

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

Me wanna!

We are the most Trusted & Reliable GTA 5 Modding Store and we provide the best safest.
legit gta 5 modded accounts

I'm trying to create a responsive menu where the hamburger icon pops up under 640px width screen -- the menu mostly works but I cannot figure out how to get my menu items "About," "Work," fireboy and watergirl and "Resume" to appear beneath the hamburger icon - it always overlaps.

To improve user experience by changing the hamburger menu icon to an "X" icon when the responsive menu is open, you can use a combination of HTML, CSS, and JavaScript. This approach will make it clear to solar smash visitors how to close the menu.