June 26th, 2013AWM: CSS menu is displayed tiny (set correct width/height)
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:
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: css menu, height, javascript menu, menu population, SEO, width