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: User
Initial Email Subject: Menu does not appear on preview pages
Support Case Month: February 2013

I use SiteSpinner Pro to build my webpages. I cannot get my menu to show up on my project pages in preview mode. Of course this should show me what my published page will look like.

If I "publish to disk" and compile to that page, then open the local page with "HTML Kit" everything looks fine, the menu is placed and operational. If I try to open the preview pages in the editor I get a script error popup that says "The value of the property 'awmBuildMenu' is null or undefined, not a function object."
If I try to compile to the preview page nothing happens.

What suggestions do you have to allow me to see a finished page before I move it to my website?

Thanks

Reply From: Likno Customer Support

Hello,

I am afraid that the preview of SiteSpinner (as well as that of most web builders) does not support complex JavaScript components.

In Dreamweaver or Expression Web there is an option of “live preview” (or “SuperPreview” or something like that in EW) which does fully support JavaScript. I do not know if SiteSpinner has a similar option, but if it does, then the menu should work there.

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: Joe
Initial Email Subject: want to trigger a dropdown menu by mousing over an image
Support Case Month: February 2013

Hello:

Site is {URL REMOVED}

I hope the attachment demonstrates what I want to accomplish.

When hovering or clicking a column header or the image directly below it, we want the drop part of the menu to appear.

We want to add to the function of the menu to get the dropdown when either the column head or the image is moused over or clicked.

I can send the existing menu file, if needed.

Thanks for considering my question.

Regards,
Joe

Reply From: Likno Customer Support

Dear Joe,

I believe the best way to achieve this would be to actually have the image as part of the menu item. You can do this easily if you set the menu item as HTML and add your image normally.

Then you need to fix the submenu position here:

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: Patricia
Initial Email Subject: Sizing problem
Support Case Month: February 2013

Is there some means of forcing a menu to be the same width as the image it is attached to? I have the menu looking perfect in my browser but it overhangs a full inch in the site owner's browser. This has actually perplexed me for quite a while. Thank  you!
Patricia

Reply From: Likno Customer Support

Hello,

It seems that this happens because Firefox does not recognize the “Arial Black” font! Hence your menu in Firefox has a different font (probably “Times New Roman” which is the default) and it appears much smaller.

You cannot set the menu to always have the same width as the positioning image (e.g. changing widths when you change the image), but you can easily set it to have a specific minimum width:

This will correct the width problem, but the menu will still have a different font in each browser. To fix this issue too, you should probably use “arial” instead of “arial black”.

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

Since the arial font is smaller, the entire menu shrank and is now too short. My client is checking with Chrome and Explorer 9.  I am using Explorer 10, the shortness is the same for all three browsers.  Anyway to get it the same size?

Reply From: Likno Customer Support

It is in the screenshot of my previous email! 

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

Excellent! I have used and loved All Web Menus for years, but as good as the software is, your service is even better!

Thank you so much!

Patricia

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

Initial Email From: User
Initial Email Subject: menu overlap?
Support Case Month: February 2013

I appear to have aspects of two menus appearing on my site, and do not know how to correct this. I have deleted and republished the menu.js, but that did not correct the issue.
On my "correct" version the second tab from the left should be Contact Us. The older version was About Us.
The older version shows up each time, until the page is refreshed, but when you leave that page and return, the old format appears again.
Please help!

Reply From: Likno Customer Support

Hello,

I just visited your page and the menu says “Contact”. This is indeed what your online compiled menu has.

I noted however that you have two Linking Codes, the second of which is leading to a “page not found”. I recommend that you remove this second Linking Code:

Regarding viewing the latest menu, when you make changes to your site you should always make sure that you delete your browser’s cache files.

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: Paul
Initial Email Subject: Chrome not able to handle AWM menus
Support Case Month: February 2013

Having issues with the latest release of chrome.  I have updated my AWM to 5.3 #902 and pushed up the new files but still experiencing the issues.

Reply From: Likno Customer Support

Hello,

I see two possible problems:

1) You have two menus in your page, each compiled with a different version. Please make sure that all your menus are compiled with the same version.

2) The menu Linking Code is not right after the <body> tag as it should be, but instead it is within other tags. Please move the Linking Code directly after the <body> tag.

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

I tried recompiling both menus, and changing the project properties, no change on chrome.  This menu has worked perfectly for all browsers for over 2 years.  Just in the last few weeks did it stop working for Chrome only.

Reply From: Likno Customer Support

Dear Paul,

I did a thorough check of your site and it seems that there is a specific CSS that is causing this.

It seems that this is part of your WordPress theme. Specifically in the following file:

{FILE PATH REMOVED}

Please remove this in order to fix the problem. In the meantime I have forwarded this to our developers to see if they can come up with a permanent fix.

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

That did the trick.  The css has been the same for quite some time, but thank you for the fix.  I really appreciate you looking that deep into it.