cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - You can change your system assigned username to something more personal in your community settings. X

Responsive menu

sponomarenko-3
2-Guest

Responsive menu

Hi everybody!

Does anybody knows how to make responsive menu which swaps to the menu-alt-24.png 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 ss2.jpg

Popup menu and horizontal menu are the same.

Now I want to hide left (menu-alt-24.png) 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?

1 REPLY 1

Found a solution.

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

Top Tags