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.

multirows horizontal menu

For the version 4 (smartphones) you could for example have the menu type as sliding.

sliding menu

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.

manually trigger menu positioning

manually trigger menu code

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: , , , , , ,