Responsive menu

sponomarenko-3 — Thu, 31 Mar 2016 15:12:15 GMT

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?

Re: Responsive menu

sponomarenko-3 — Thu, 31 Mar 2016 15:24:01 GMT

Found a solution.

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