Dedicated Hamburger button

[crispy68]

Unless i've missed it and I don't there is but is there a built-in dedicated hamburger type trigger button? What i'm looking for is a simple burger button that has the animations (similar to the Panel menu button) that I can use to trigger opening up say a panel layer? This is all I want it to do is be clickable and animate from open/close and then I'll use events. If not I may suggest it since WB already uses these animations for the panel menu.

[Pablo]

This functionality is demonstrated here:
https://www.wysiwygwebbuilder.com/support/wb19tryouts/wb19_kandinsky.html
and
https://www.wysiwygwebbuilder.com/support/wb19tryouts/wb19_splash_art.html

[crispy68]

Thanks Pablo. I see what you are doing there. I would have never thought to use it like that considering I would have thought by adding any links into the panel menu would trigger it to open the panel menu. Doing it this way, does it cause more code to be generated even there is no panel menu to show?

I would like to suggest having this same thing (maybe a dedicated object) without the need of using the panel menu to make it work.

[Pablo]

This solution does not generate extra code. In this special case, the panel menu itself is not generated, only the button.
By implementing it this way, I didn't not have to duplicate all the logic and properties of the button.

[Bluesman]

This solution does not generate extra code. In this special case, the panel menu itself is not generated, only the button.
By implementing it this way, I didn't not have to duplicate all the logic and properties of the button.

Hi Pablo, I like this functionallity... never thought of it. I've tested amediately in my ongoing project but got one issue... When shrinking the browser under 768 bp the symbols in the panelmenu all goes to hamburger symbol. It's the same in your template. If it was a layout grid you could set the bp to 0 for preventing the change. Now I do not find a way to keep the symbols?? Is there a way?

I like crispys suggestion to because I think it will be more useful for different scenarios.

"Sorry correction" Could set the breakpoint to 0, but doesn't help
When setting the pbeakpoint for the Responsive Menu item to 0 the symbol doesn't work to have beside the text, so takes more space vertical

[Pablo]

When shrinking the browser under 768 bp the symbols in the panel menu all goes to hamburger symbol.

This is becuase of the breakpoint setting of the menu buttons. Just decrease the breakpoint value to a lower value.

[Bluesman]

When shrinking the browser under 768 bp the symbols in the panel menu all goes to hamburger symbol.

This is becuase of the breakpoint setting of the menu buttons. Just decrease the breakpoint value to a lower value.

Hi Pablo, tnx for the answer. Yes I did that, but I wanted to have the symbol in front of the text as the hamburger was in your template... would be nice to save some space vertical.

[Pablo]

You can set the spacing via the 'Icon offset' property.