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

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

Initial Email From: Michel
Initial Email Subject: Center align menu
Support Case Month: July 2013

Hi,

I've tried all I'm knowing about CSS positioning, but don't achieve!

Could you give me "the" tip to horizontally align the menu in my HTML page?

Thanks a lot!

Reply From: Likno Customer Support

Hello,

Generally in CSS, the way to position an element to the center is usually margin:0 auto;

In AllWebMenus you can set your desired position of the menu in the application's settings. (See screenshot below)

Click on "Menu Positioning" and then choose the appropriate position settings depending on your needs.

If you need more assistance, please send me your menu project and an index page you would like to have it (your url does not work).

This is what you should do to export your project into a ZIP file and then email this ZIP to us.

Thank you!

Best Regards,
Aggelos Tsakonas
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: Michel

Hi Aggelos,

I've achieved to have the desired align with your advice, thanks a lot !

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

Initial Email From: User
Initial Email Subject: Question
Support Case Month: May 2012

How do I center the menu on the web page?

Related URL: http://www.eastpointha.org/home.cfm

Reply From: Likno Customer Support

Hello,

If your website is always centered you could use this option:

OR:

OR:

You have plenty of options to choose from, the "Window" being the easiest one.

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

Thank you, It worked!

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

Initial Email From: Angela
Initial Email Subject: Menu not appearing the same online as in my preview pane
Support Case Month: September 2012

I am having several problems with a current menu creation.

1. Menu positioning is supposed to show center on the web site so I set it up to Top Side Center for both the "Element Anchor" and the "Menu Anchor". I am currently using it as a Relative to an Element positioning. I tried setting it to Top Side Center for "Element Anchor" and Center for "Menu Anchor" and vice versa and Center for both to no avail.

2. The Sub Groups Style (Our Products) is supposed to show with rounded corners all 4 sides. It displays properly in Chrome & Safari but not in IE9 and Firefox.

3. The Sub Groups Style is also supposed to have a background image showing in the top right hand corner of each menu using the "Has Header" feature.

All of these show properly inside the AllWebMenus Preview but not online. Thank you in advance for any help!

Related URL: http://review.shakertree.com

Reply From: Likno Customer Support

Hello,

1) This happens because the width of your <span> is very small and it is left-aligned into the parent <div>. See the screenshot where I highlighted it:

To fix this problem, in the Element Positioning you should use the ID of the <div> instead:

2) I believe that this is due to using server-side menus. I will need to forward this to our developers for further consideration.

3) Same as (2).

Can you please export and send me your menu project so that I can forward it to our developers for further testing?

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

Hello again,

I just got a reply from our developers and it seems that there is no problem at all in our libraries!

It seems that you simply have old library files online… Can you please recompile your menu and make sure that you also upload the new library files?

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

Hi Kostas,

The library files we had uploaded were correct from our current build but then we noticed that we weren’t on the current version so we downloaded version 5.3.898 and rebuilt the menu and uploaded all files.  This update fixed the menu to show the Sub Group Style (Our Products) with rounded corners on all 4 sides in all the necessary browsers (IE9, Firefox, Chrome & Safari)!  However, it is still not showing

the Sub Group Styles background image that should be showing in the top right hand corner of each menu using the "Has Header" feature.

Can you please take another look and let me know why this isn’t showing online but it’s showing in the AllWebMenus Preview?  I have also attached the updated menu in an exported .zip file again.

Thanks,

Angela

Reply From: Likno Customer Support

Dear Angela,

Are you sure you still see the problem? Did you delete your “cache files”? I am asking because I visited your page again and I now see it working for both Firefox and IE:

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: Menu question
Support Case Month: August 2012

Hello Kostas
could you take a look at this site {URL REMOVED}
You will see that the image is on the left. So how would I set up the menu location if I wanted it not underneath that image but underneath the image but in the middle of the page?

Phil

www.paintingfrance.com
www.phillevine.com

Reply From: Likno Customer Support

Hello Phil,
if you want a "centered" menu on the page, just use the "Windows Relative" positioning option and choose CENTER-CENTER in both Anchors. Then adjust the Y offset so that it goes to proper height on page and keep the X offset to zero.
I hope this is what you want to achieve.

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: Christo
Initial Email Subject: Google Chrome settings in the Browser Specific Offsets
Support Case Month: August 2012

Hello

See {URL REMOVED}

We have set the Google Chrome settings in the Browser Specific Offsets but we cannot align the menu correctly in Chrome.

Menu position correct in IE and Firefox, but not aligned correct on left side in Chrome.

We have the latest version registered for {URL REMOVED}

Regards
Christo

Reply From: Likno Customer Support

Hello Christo,

We looked at your website's CSS and found that you have the following entry in the "style.css" file:

#AWMEL0{

            left:225px!important ;top: 124px!important;

}

How did that get there? Did you put it there manually?

Please *remove* this entry from there and then get rid of the "Browser Specific Offsets", you do not need them.

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