December 11th, 2012AWM: Menu is too wide so scrollbars appear, how can I fix this?
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Cary
Initial Email Subject: menu properties
Support Case Month: September 2012
Hi Kostas,
I just need to space out the main menu options on top. What would you suggest to be the best way to do this?
Thanks
Cary
Reply From: Likno Customer Support
Dear Cary,
Actually I checked your menu again and I see that it is pretty wide already! It is so wide (although transparent) that it creates a horizontal scrollbar to your site:
I assume that this happens because you set it to “Menubar” (so it takes the width of the page):
My suggestion is that you remove the “Menubar” setting, and instead just give it the size you want using the “minimum width”:
Also, a final suggestion regarding your Positioning. First, find the following code in your page (where the Positioning Anchor is contained):
<td width=200 valign="middle">
<center><a href="/Products.asp?t=Products" class="redlink"> <img src="/demo/dotb.gif" border="0"><font face="arial" size="1" color="black"><span id='awmAnchor-conestmenu'> </span></a><b>PRODUCTS</b> </center></td>
And change it into this:
<td width=200 valign="middle" id='awmAnchor-conestmenu'>
<center><a href="/Products.asp?t=Products" class="redlink"> <img src="/demo/dotb.gif" border="0"><font face="arial" size="1" color="black"></a><b>PRODUCTS</b> </center></td>
So that the menu is attached to the <td>. Then go to the AllWebMenus Positioning and do something like this:
Of course you can adjust the offsets accordingly…
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!
Like us on Facebook – Follow us on Twitter
Reply From: Cary
Good idea. I’ll see what it does. Also, why is the dropdown menu skewing off to the left? Is there any way to center it under the group choices?
Cary
Reply From: Likno Customer Support
Dear Cary,
Check these three properties for the submenu.
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!
Like us on Facebook – Follow us on Twitter
Reply From: Cary
Is there any way that I can make the dropdown menus more responsive on the mouse over? There are times when it takes a few passes over the menu choice before the drop down appears. We can’t afford to have our customers play mouse games to access any menu features.
Thanks
Cary
Reply From: Likno Customer Support
Dear Cary,
I see that your submenus disappear too quickly and sometimes you have to be quick to move the mouse over them.
To fix this you need to put some delay on the “Disappears How” feature, and maybe also bring the submenus closer to the main menu items (they have a couple of pixels empty space between them.
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!
Like us on Facebook – Follow us on Twitter
Reply From: Cary
Thanks. What would I change to bring the submenus closer?
Cary
Reply From: Likno Customer Support
Dear Cary,
Try “appears where” (of which I sent a screenshot two mails ago).
Note: I strongly recommend that you take some time to skim through the different application properties.
This way you will have a general idea of what you can do and where to find it.
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!
Like us on Facebook – Follow us on Twitter
Tags: css menu, drop-down menu, horizontal scrollbar, javascript menu, jquery, Menu, menubar, mouse over, offsets, responsive, scrollbars, settings, sliding menu, website, wide