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

 

Knowledge Base support case for AllWebMenus Pro, abstracted and stripped of all user’s private info.


Initial Email From:
Val
Initial Email Subject:   responsive menu
Support Case Month: December 2013

why does it pile up on each other?  (not viewable)Especially in Chrome, Sometimes Firefox will be ok and render properly but I have two computers that it will not.  But Chrome seems to always error.

Reply From: Likno Customer Support

Hello Val,

You need to correct your responsive.css file

CSS media query

That is not correct, so it causes problems to the menu as well.

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

Thank you thank you thank you!!!
Val

 

Tags: , , , , , ,

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Ellen
Initial Email Subject: responsive menu
Support Case Month: August 2013

is there a way to make it slide of and on the page after it's made responsive?

Reply From: Likno Customer Support

Hello Ellen,

You could create a main menu item (an arrow for example) that on click will show the menu (the main menu items will move one level down so will become submenu items). In this way and with the proper styling you will achieve what you want.

Check the version 4 of this example menu http://www.likno.com/examples/responsive-menu-above-green-line-resize-page.html. It's kind of similar. you will notice the menu structure on version 1 for example and then see the menu structure on version 4 to understand what i am saying.

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

Thank you so much, that worked perfectly!

 

Tags: , , , , , , , ,

 

Knowledge Base support case for AllWebMenus Pro, abstracted and stripped of all user’s private info.


Initial Email From:
Mike
Initial Email Subject:  Auto Margins or Padding - AllWebMenus PRO  
Support Case Month: September 2013

Hi is there away to have your menu items fluid with AllWebMenus PRO, ie upon resizing the page the menu items reduce padding or margins

Before

Home     |       About Us

resize page smaller

Home | About Us

Thanks

Mike

Reply From: Likno Customer Support

Hello Mike,

Yes, this is feasible with AllWebMenus Pro. AllWebMenus Pro has the responsive feature, which means you can set up to 4 versions of your menu according to different screen sizes. Each menu version can have different content, styles, type and positioning.

You may want to read this article: www.likno.com/blog/responsive-menu-feature-allwebmenus/4485/

In conclusion, answering your question, you can have for example the version 1 menu with 20px margin/padding and the version 2 of your menu with 5px margin/padding.

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!

 

Tags: , , , , , ,

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Martin
Initial Email Subject: Vertical Slider Menu Width
Support Case Month: August 2013

Hi,

I have a responsive menu and I want the vertical slider menu to fill the width of the screen. Can this be done? Rather than set a minimum width etc.

thanks,
Martin

Reply From: Likno Customer Support

Hello Martin,

If you use a sliding menu then it cannot detect the width automatically, so you need to specify the width (if you need specific) or leave it to grab the width it needs according to the menu items.

A good way to set the width is by setting the minimum width for each of your responsive versions.

We have recently added a new theme (which is responsive). Take a look on this so you will see how we have done it. 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!

 

Tags: , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows