March 29th, 2014AWM: Could you suggest a way to create a responsive menu?
Knowledge Base support case for AllWebMenus Pro, abstracted and stripped of all user’s private info.
Initial Email From: Aart
Initial Email Subject: responsive menu
Support Case Month: March 2013
Dear people of likno,
I have some trouble with making an responsive menu.
Problem is that my menu is to large in width, too many items.
I`ve tried everything to make it 2 columns in mobile version , but i did not succeed.
Maybe you can give me any suggestions?
Also i am looking for a way to collapse the menu in mobile version.
So when they hit a little icon, the menu will roll out.
Maybe you have some ideas to help me out.
A very happy user of a few likno products.
Kind regards,
Aart
Reply From: Likno Customer Support
Hello Aart,
One idea would be to change the menu type for version 2 or 3, the one that will be served on tablets (horizontally/vertically).
So, you could make the menu to be 2 rows.
For the version 4 (smartphones) you could for example have the menu type as sliding.
And in order to succeed clicking to a button to have the menu appear, you could change the menu positioning of version 4 to manually trigger Main menu, then select on click and copy that code. You then, can create a button for example in your page and add the code you copied, so you can have the menu appear when clicking on that button.
You could also take a look on our responsive menu example to see how we have implemented and take ideas or even customize it to your needs.
http://www.likno.com/examples/responsive-menu-above-green-line-resize-page.html
Let me know if you need more 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: Aart
Hello Aggelos,
What a GREAT SERVICE....What a GREAT SUPPORT!!!!
So easy when I look at your explanation and the example link is exactly what I meant with the Icon.
I will download that sample and study it!
Thanks again Aggelos you really helped me out!
With much of greetings,
Aart
Tags: css menu, horizontal menu, javascript menu, Menu, responsive menu, sliding menu, vertical menu