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


Initial Email From:
Neil
Email Subject: menus gone tiny
Support Case Month: May 2013

hi,

because I want users to be able to right-click on a menu entry to open in a new tab, I've just changed a menu structure from being a javascript menu to being CSS with UL/LI menu population.

However, the live menu items have gone from displaying as expected to being incredibly narrow (about 20px wide) - and yet they still display as expected within AWM's preview.

I'm guessing that I need to change something somewhere, but I can't find what needs changing. Could you please suggest what I need to change within AWM to get it to display properly, please?

cheers

Neil

Reply From: Likno Customer Support

Hello Neil,

Our developer told me that the problem is with the "Size (Width/Height)" property when the menu is "CSS Menu".

You need to have these values to "non-Auto", which you do, but it seems that you did not have them in proper (larger) values.

For example:

CSS menu width height

Please make sure that you specify proper width and height there, for all levels of your menu.

The PREVIEW showed OK because it only shows the JavaScript menu version, not the CSS menu version which you actually have selected to use (we will update this so it is not this confusing).

Best Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Neil

Thank you! I can't believe I didn't spot that myself.

Now I'm finding that I can't get the fine control with the menu item positions that I could with the JS menu. Is there a way to have each main item be a particular size?

Reply From: Likno Customer Support

Hello Neil,

I am afraid that this is not possible in CSS Menus (per-item customization).

Do you really need to use a CSS Menu? Because you can also use the "Javascript Menu" with the UL/LI population option, which is the same as far as SEO is concerned.

Best Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Neil

hi Aris,

it was the 'open in new tab' by right-clicking I was wanting, which from your knowledge base I believe can only be done in a CSS menu? Is that right?

Reply From: Likno Customer Support

Yes, this is right.

Then, you need to use the CSS Menu, but with the same width for all items.

Best Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Neil

Thanks.

I've reverted to the JS menu type, because that positioning is more important to me than right-clicking.

Thanks for taking the trouble with my problem all the same. 🙂

best

Neil

Tags: , , , , ,

 

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


Initial Email From:
Diane,
Initial Email Subject: Populating menu through UL/LI items
Support Case Month: March 2012

I am unable to get the menu to display at all using the CSS Menu/populating menu using UL/LI option.  Menu compiles and works fine using default menu structure.  I want the menu to be able to be used/viewed on smart phone but I am getting an error message.


Reply From: Likno Customer Support

Hello,

The problem is that you are using a UL/LI list generated from a JavaScript Menu to populate a CSS Menu.

Specifically there are two things that cause a problem:

1) The UL/LI has “display: none;”. As such the menu will never show.

2) Item 2.1 does not have a link, and all items are required to have a link (even if empty).

Both of these have also been fixed on our side and the fixes will be included in the next AllWebMenus release (in a couple of days). Until then, you can simply fix these two things in your menu structure if you want to see the CSS.

Example of fixed UL/LI code:

                                <ul id="awmULLI-menu">

                                                <li><a href="index.html">Home</a></li>

                                                <li><a href="item1.html">Item 1</a></li>

                                                <li><a href="item2.html">Item 2</a>

                                                   <ul>

                                                     <li><a href="#">Item 2.1</a>

                                                       <ul>

                                                         <li><a href="item_211.html">Item 2.1.1</a></li>

                                                         <li><a href="item_212.html">Item 2.1.2</a></li>

                                                         <li><a href="item_213.html">Item 2.1.3</a></li>

                                                         <li><a href="item_214.html">Item 2.1.4</a></li>

                                                       </ul>

                                                     </li>

                                                     <li><a href="item_22.html">Item 2.2</a>

                                                     </li>

                                                   </ul>

                                                </li>

                                                <li><a href="item3.html">Item 3</a>

                                                </li>

                                                </ul>

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider) or design for your websites!

Tags: , , , , , , , , ,

 


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