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

Responsive menu

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

Re: Responsive menu

Found a solution.

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

Announcements

Check out the upcoming Expert Session: Understanding ThingWorx Navigate Licensing in Community "Customer Events" section.