Knowledge Base support case for AllWebMenus Pro, abstracted and stripped of all user’s private info.
Initial Email From: Darold
Initial Email Subject: Responsive Menus
Support Case Month: July 2013
Hello,
I have the positioning working now on both the desktop and laptop screens. Made adjustments in CSS and HTML. Having said this, and the fact that I have four screen versions set up in the project, I really don’t understand how to use this feature.
Do I really need more than the default setting? If I need to cover other screen sizes, just how do I do that and what resolution values should I use?
Thanks for your help throughout this issue I had.
Darold
Reply From: Likno Customer Support
Hello Darold,
The responsive feature of AllWebMenus gives you the ability to create 4 different versions of your menu according to screen sizes.
So, you are able to have up to 4 versions of your menu and set the screen size for each version. Then, each version of your menu can have different content, styling, positioning. For example, you might want to have a horizontal menu for the desktop version, but a vertical sliding for the mobile version. Each version covers a range of screen sizes, in this way 4 versions are enough to cover all sizes.
Let me know if you need any further information.
Thank you!
Kind Regards,
Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!
Reply From: Darold
Do you have an example of how to set multiple versions up to include a mobile version?
Thanks, Darold
Reply From: Likno Customer Support
Hello Darold,
If you choose the responsive feature in AllWebMenus and leave the default values are enough to have your menu for Desktop/laptops/tablet/mobile devices.
According to the screenshot below, the version 1 would be served for screens over 960px, this means that this version of the menu will be appropriate for laptops/desktops.
Version 2 will appear in screen between 768px and 959px, so this will appear in tablets on horizontal view.
Version 3 will appear in screen between 480px and 767px, so this will appear in tablets on vertical view.
Version 4 will appear in screen below 479px, so this means in mobile devices.

Is the above of a help to you?
Kind Regards,
Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!
Reply From: Darold
Great explanation. Thank you. Now… do I have to set up different Content, Styling and positioning for each of these versions? If so, what are default settings for each? BTW, the explanation of the Responsive Menus feature would be a great addition to your manual. Don’t recall seeing this level of detail in it.
Darold
Reply From: Likno Customer Support
Hello Darold,
Indeed you can have different Content, Styling and positioning for each of these versions. If you need to use the same, just use the CLONE functionality after you make a change to one of these, it is very handy:

If you mean default settings for the width, you will find them there but you can change them to anything you like. The other default values are the ones that a non-responsive menu would have.
Kind Regards,
Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!