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

In this post we show how you can position your menu to your WordPress site/blog using AllWebMenus Pro and AllWebMenus WordPress Plugin.

Assuming that you have already installed AllWebMenus WordPress Plugin to your WordPress site/blog, let’s see how you can position your menu.

Step 1: Go to Plugins –> Installed Plugins 

Step 2: In your Installed Plugins you will AllWebMenus WordPress Menu Plugin, click on Settings.

Step 3: On Menu Positioning Method you have the following choices:

Custom position: you can choose custom position in cases that you need to position your menu relative to an existing element/image in your page or in case you want it to a specific place.
If you choose custom position make sure that you set the related positioning properties in your AllWebMenus (application).
You need to set your menu positioning relative to an element that already exists in your page or if you set it relative to an element that is not currently in your page, make sure to add it.

Note that you can also leave the default menu positioning in your AllWebMenus (which is relative to Window), so the menu will appear relative to window.

Widget: you can choose the widget menu positioning method in case you want the menu to appear in your themes sidebar. If you choose this method, you don’t need to make any menu positioning changes in AllWebMenus (application) as AllWebMenus is going to take control of this.
This option requires you to go to Appearance –> Widgets

In the Inactive Widgets you will find a widget called AllWebMenus: {your menu name}, Drag this from Inactive Widgets

and Drop it where you want it to appear.

Theme Menu Location: In this method you will usually see the “Theme Menu Location: primary…” and in some cases if the theme supports it you may see the “Theme Menu Location: secondary”. These are the predefined menu positions that your theme provides.
In case, you select the Theme Menu Location method you don’t need to change anything according to menu positioning in AllWebMenus, as the application is going to take control of that.

The above is only part of the menu positioning, you need to follow all the steps in order to create a menu for your WordPress site/blog. You can find all the instructions here:

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

Initial Email From: Pam
Initial Email Subject: Menu placement issues
Support Case Month: June 2012

Actually 2 problems...
When viewing my website from the control panel of my hosting company, I can view my menu, but never can get it in the right place, no matter if I place it relative to the window, or relative to a fixed element on my site. It always shows up too far to the right. (I'm using IE)
Problem #2 (which you may be able to see) is that when I view my website normally on the internet, rather than by choosing a page from my control panel, the menu doesn't show up AT ALL.
This doesn't make sense. And I've already spent 3 days trouble shooting different solutions. PLEASE don't just point me to FAQ's or pages of the help menu. I have already been studying them. I also haven't found solutions on the forum. I have re-compiled & re-uploaded files in every configuration I can think of till I'm brain dead...
I'm using Site Spinner software by Virtual Mechanics to create my website. Are there issues with using your product with Site Spinner? I had to place the code below the body tag on my own because AllWebMenus doesn't seem to link with it. If I didn't have the code placed correctly, I don't think the menu would show up when I view my website from my host's control panel. Maybe I'm wrong. But I'm all out of ideas. Would appreciate assistance - not canned answers please.
Pam

Reply From: Likno Customer Support

Dear Pam,

I checked your page and there are several problems. First and foremost, you are using an extremely old version which has several known problems with some of the latest browsers (such as IE9 and Safari 5).

The second problem is that you have your menu Linking Code into a DIV which is using absolute positioning, and this can also affect the menu positioning. Ideally the menu Linking Code should be placed directly after the <body> tag and in any case should be a direct child of the <body> tag (not a child of another DIV element).

If you upgrade to the latest AllWebMenus, there is a Project Option specifically for this (Linking Code within page tags) that will correctly build and position your menu regardless of where the Linking Code is.

Both of these can cause the first problem (wrong positioning). I did not really understand however the nature of the second problem. When exactly does the menu not show? I tried viewing several pages in your site and the menu appeared at all times.

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: Phil
Initial Email Subject: Likning
Support Case Month: August 2012

Kostas
I tried linking it to another page and when I click on preview page the menu bar comes up.. aha - I see that I did not upload the related other files like menu.js. Now that I did that the menu does appear http://www.paintingfrance.com/cuba.htm but even though I set the global positioning to be relative to an image (I wanted the menu to be below the image) it still appears above and to the left

Phil

Reply From: Likno Customer Support

I checked your page and I see that you have two menus Linked there:

“menu.js” and “updatedmenu.js”

The first is positioned relative to Window and correctly appears on the top-left.

The second, like your screenshot suggests, is attached to the “logo.jpg” image, which does not exist! The image in your page is called “logo_small.jpg”. 

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: AllWebMenus IE8 & IE9 Position
Support Case Month: April 2012

My menu appears about 16 pixels lower in IE8 then it does in IE9, and I see no options to adjust position based on browser version.

Menu is positioned relative to an element.

Do you have any suggestions?

Related URL: http://www.steamboat-springs.com/

Reply From: Likno Customer Support

Hello,

First of all I noticed that you have some “browser-specific offsets”. If your positioning is correct, you should not need these, so please remove them.

Regarding the “Relative to Element”, you should keep in mind that the menu will always attach itself to the positioning element. The positioning element however may not be in the same place in all browsers, as they have different default paddings/margins (and I see that you did not specify any). Hence I recommend that you use “Relative to Image” as you already have an image (logo) that is always in the same place:

If you still want to use “Relative to Element” then please make sure that your DIVs and SPANs have no paddings (set “padding: 0px;”) so that they appear in the same place in all browsers.

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

Awesome! Worked like a charm. Thanks!

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

Initial Email From: Sheldon
Initial Email Subject: All WebMenus not showing up in WordPress site
Support Case Month: July 2012

Hello,

Everthing installed in WordPress correctly but the menu does not display on the site pages. The data is in the source of the page. I set the menu position to custom in WordPress and in the program the menu position is set is set to window to test and I activated a WP 2011 template and it still does not show up.

Also, the widgit does not work. it shows up in the inactive widgets area but when I try to us it the warning "Warning!!!"
It seems that you chose the AllWebMenus menu widget from the 'Available Widgets' panel."displays... I thought it might have somthing to do with the above.

Thank you,
Sheldon

Related URL: http://www.apltd.com/wordpress3_1_4/

Reply From: Likno Customer Support

Dear Sheldon,

I checked your page and I see that the menu code is there but the menu does not appear.

Did you choose a Positioning “Relative to Element”? If so, then you also need to have a positioning element in your page for the menu to show.

If you are not sure, please export and send me your menu project so that I can have a look.

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

Hi Kostas,

It's set to window… attached is the file.

Thank you,
Sheldon

Reply From: Likno Customer Support

Dear Sheldon,

It seems that your menu was compiled for “localhost” so it does not appear online:

Please make sure that you are compiling for the correct domain. Also not that I have changed your Server-Side license to “Unlimited Domains”. To see the change in AllWebMenus you need to get a new Activation Code (for free of course) from your User Area account.

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

Thank you Kostas…

Sheldon