Responsive menu

[sponomarenko-3]

Hi everybody!

Does anybody knows how to make responsive menu which swaps to the button.

My idea was to make 2 menus. One inside another.

The top level menu has 1 item with this image and no text.

And the second level menu has 4 text items.

Finally I've got this

Popup menu and horizontal menu are the same.

Now I want to hide left () menu when the screen is wide and in the contrary hide large horizontal menu on narrow screen (phone for ex).

But how could I retrieve the screen or window width? Something like $(window).width() analog?

Are there any other ways to create such responsive menu?

[sponomarenko-3]

Found a solution.

I've added an Expression widget with expression = "0+$('body').width()>800" and mapped it output to the menu visibility.