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


Initial Email From:
Mike
Initial Email Subject:  Auto Margins or Padding - AllWebMenus PRO  
Support Case Month: September 2013

Hi is there away to have your menu items fluid with AllWebMenus PRO, ie upon resizing the page the menu items reduce padding or margins

Before

Home     |       About Us

resize page smaller

Home | About Us

Thanks

Mike

Reply From: Likno Customer Support

Hello Mike,

Yes, this is feasible with AllWebMenus Pro. AllWebMenus Pro has the responsive feature, which means you can set up to 4 versions of your menu according to different screen sizes. Each menu version can have different content, styles, type and positioning.

You may want to read this article: www.likno.com/blog/responsive-menu-feature-allwebmenus/4485/

In conclusion, answering your question, you can have for example the version 1 menu with 20px margin/padding and the version 2 of your menu with 5px margin/padding.

Let me know if you need more information.
Thank you!

Kind Regards, 
Aggelos Tsakonas
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!

 

Tags: , , , , , ,

 

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


Initial Email From:
Dave
Initial Email Subject: Problem sizing a horizontal menu for Joomla
Support Case Month: May 2013

Support,

I'm trying to use an AllWebMenu Pro generated menu with Joomla 2.5 for the first time and I'm having problems getting the menu width to fit.

In AWM, you can specify a minimum width for an item and a minimum width for the whole group... I get that.

But as you can see from my site, the menu is way too wide and the main cause appears to be that all of the items are set to be the same size and that size seems to be determined by the 'widest one.

Currently I think each item is around 180 pixels wide.

Now I don't want/need all of the items to be a uniform width, I just want the entire menu to fit in 990 pixels, so I could do with knowing how I can get each item to just be governed by the text padding etc. instead.

I've not used a theme for my current menu as, well, to be honest there's no real styling involved :-)

Hope you can help.

Dave

Reply From: Likno Customer Support

Dear Dave,

If all your items have the same size, then you probably have the “Uniform Items” selected in the Menu Type. Please uncheck this to fix the problem:

uniform menu items

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

Genius!

Thanks for the help Smile

Dave

 

Tags: , , , , ,

 

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


Initial Email From:
Chuck
Email Subject: Menu only appears correct in Internet Explorer
Support Case Month: May 2013

Hello,

Please look at {URL REMOVED} using Internet Explorer 10. The menu looks as it’s intended and appears in AWM preview.

However, the menu expands horizontally to the right in Safari, Opera and Chrome. In Chrome and Safari, it also shifts down on the page.

Your thoughts?

Thanks,

Chuck

Reply From: Likno Customer Support

Dear Chuck,

I checked your menu and I see that the letters in the main menu items are rendered a little bit differently in IE10 (possibly due to the IE “cleartype” feature) and it is somewhat smaller. Specifically, the “Photo Gallery” text is 74px in IE10 as opposed to 78px in the other browsers. This causes the specific menu item to be 4px wider, and since you have set all the menu items to be “uniform” all your menu items are now 4px wider, causing the menu to be 28px wider.

The best solution would probably be to remove the main menu item padding so that the menu is smaller in all browsers, then set the menu minimum width to 953px.

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

Kostas,

The IE10 rendering matches the preview in AWM. The only browser that does.

Shouldn’t there be an adjustment in AWM so a workaround like this isn’t needed? I made a couple of changes and it’s better now.
The font size difference is one thing. But the menu also shifts downward in Chrome and Safari.

Chuck

Reply From: Likno Customer Support

Dear Chuck,

The IE10 matches the preview, exactly because the standard IE component is used for the preview browser.

Regarding the height of the menu, this is also due to the difference in the font rendering. I assume that this is what you mean by “shifts downwards”.

I am afraid that there is no way for us to automatically adjust the menu to accommodate for this font difference. If you set a minimum width/height to the menu, then the required padding can be auto-calculated.

On the other hand if you set a specific padding, then it would be wrong for us to change this padding (even if we could) in order to make the menu have the same width between 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

 

Tags: , , , , , , , , , , , , ,

 

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


Initial Email From:
Ron
Initial Email Subject: Help with setting up a menu.
Support Case Month: April 2013

I need to know how to configure the menu to only be as wide as the table the menu is laying on top of.

Thanks,
Ron

Reply From: Likno Customer Support

Dear Ron,

I am afraid that it is not possible to automatically make the menu take the width of a given page element.

One thing you can do, is to give the menu a “minimum width” and make sure that your menu items are not so big that they make the menu wider.

main menu minimum width

If the menu is wider than what you wanted, try reducing the padding or font size.

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

 

Tags: , , , , , ,

 

Knowledge Base support case for Likno Web Tabs Builder,  abstracted and stripped of all user’s private info.


Initial Email From:
John
Initial Email Subject: Unexpected behavior in Tabs
Support Case Month: April 2013

Hi,

I have looked everywhere that i can think off, but cannot find the style to correct this problem.

When I initially go to this page, the tabs menu looks correct. As I click across the menu (Description > Features > Contact Us), the menu works as planned.

However, if I next click on Description, the body copy moves up to the edge of the top margin of the body graphic and will not return, unless the page is reset.

I also can correct the problem by finding the code using Firebug and changing the "positioning" style from "Relative" to "Absolute" (see below).

<li class="liknotabs_body" style="width: 700px; position: relative; top: 0px; left: 0px; display: block; overflow: visible; height: 295px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px;">

However, I cannot find the place in the Tabs menu application to make this change.

Please advise.

Thanks,
John

Reply From: Likno Customer Support

Dear John,

It seems that this issue is caused by the way that browsers understand margin. Specifically, the problem is that margins need some kind of “wall” to push against, otherwise they are ignored.

If for example you add a 1px padding-top to your <div class="synecomm"> and remove the margin-top, you will get the result you wanted, because the 15px margin of the inner elements will work against this padding.

If you need more help, please export and send me the tabs project and I will do this for you.

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

Reply From: John

Hi Kostas,

Worked great! Thank you very much.

John

 

Tags: , , , , , , , , ,

 


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