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

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

Initial Email From: Robert
Initial Email Subject: Menu Question
Support Case Month: April 2013

Hi Kostas,

My new main nav bar works in IE but it goes off the page in Firefox?

The site is live now. I never had a problem with it fitting. I did add one ore menu item, but I played around and it fit fine. I never had your program give me this kind of error, it always seem to work across all browsers.

What do you think it could be?

Please let me know.

Thanks,
Robert

Reply From: Likno Customer Support

Dear Robert,

I checked your page in various browsers and I see that this happens in most browsers, even in older versions of IE.

The reason your menu fits in IE9+ is that IE has a special font rendering engine that makes fonts a bit smaller in width.

The solution is to make your menu smaller (e.g. by removing 1-2 pixels from the empty space between each item pair) and then set the minimum width to 940px in order to make sure that it has the same size in all browsers.

Best 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

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

Initial Email From: User
Initial Email Subject: IE 10 issues
Support Case Month: April 2013

We are seeing issues with all our menus on the new IE 10.

We have searched knowledge base and all we can find on the problem is to use a minimum width. Which this did correct the issue where the menu was not even showing.

But what we are seeing now is that in compatibility mode the menu is fine then in standard mode the links stack.

other browsers work fine

Thanks for any suggestions

Reply From: Likno Customer Support

Hello,

I noticed that while you are using the latest AllWebMenus version, you neglected to update the online library files:

Please upload the newly compiled “awmdata” folder to fix the problem.

Best 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: Likno Customer Support

Thanks for your help, I should have done this… my fault.
Thanks again.

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

Initial Email From: Rich
Initial Email Subject: menu width
Support Case Month: March 2013

Hi
On this page {URL REMOVED} I have a yellow, horizontal menu at the top. It used to match the width of the red jpg. banner above it, but now the menu appears too wide. Can you tell me what I'm doing wrong?

Rich

Reply From: Likno Customer Support

Dear Rich,

I checked your menu and it is indeed very wide in all browsers.

This happens because you have set the menu items to be uniform so they all take the width of the largest one (“Reader’s Forum”):

Best Regards,
Kostas
Likno Customer Support
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: Rich

You continue to be the finest support on the planet - thanks!

Rich

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

Initial Email From: Andy
Initial Email Subject: Menu width
Support Case Month: March 2013

Dear Costas,

My Menu is often too large (width too big), so that users have to scroll left in order to see all menu points.

What can I do to fix it.

I seriously searched in FAQ and Help but could not find solution.

Best regards,
Andy

Reply From: Likno Customer Support

Hello Andy,

Please check this property, maybe you can decrease it a little?

If this does not work then it may be something else, just export the project (File->Export as Zip) and send it to us.

Best Regards,
Kostas
Likno Customer Support
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!

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

Initial Email From: Adrian
Initial Email Subject: cross-browser issue 
Support Case Month: March 2013

Hello,

There is a small bug
- In IE7 - the menu slips to the right 2px
- In Google Chrome - it slips to the left 1 px
- In Firefox - it slips to the left 1 px, also

Works ok in IE8, IE9, Opera.
Not tested in IE10

Please advice.

Thank you

Reply From: Likno Customer Support

Hello,

Note that each browser may render the fonts slightly differently and this can cause a with difference.

The best way to ensure that the menu has exactly the same width is to specify it:

Best Regards,
Kostas
Likno Customer Support
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: Adrian

Hello,

Thank you for your prompt response.

It’s ok now.

For your knowledge this is what I’ve done:

I inserted a new div for IE7 especially, positioned with CSS hack.

I used browser specific offsets for the other browsers. Also I had to set the header font size at 6px (Opera splits the header also, because of the font size).

Best regards,
Adrian

Reply From: Likno Customer Support

Dear Adrian,

But this way your menu is still differently sized in each browser and you just “center” it with offsets.

If this is what you wanted, you could do it much easier (and more reliably) by selecting “top-center” in the Positioning property.

My recommendation would be to avoid the use of the <span> and Position the menu relative to the <div> with id="meniu".

Also, if you prefer, you can set it to be “top-center”, but I would also set the minimum width to 962px to make sure that it has the same width in all browsers.

This way you will not need any special offsets nor any CSS hacks.

Best Regards,
Kostas
Likno Customer Support
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!