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


Initial Email From:
Doc
Initial Email Subject: How to get my menu to move
Support Case Month: April 2014

I'm trying to figure out how to get the AllWebMenus menu to move based on the amount of text appearing in a daily message area at the top of the page.
I have a test sited up to figure this out.{URL REMOVED}

So I have a csRandomText code running at the top of the page.  I have loaded it with dummy data.
When you refresh the page, a different amount of letters/line appears, from over 1000 to zero,  keep refreshing the scr4een and you'll see the menu never moves.
The menu is set to Global Position Auto, Window, Top Side Center, 0,260

Two questions:

1 - How do I get it to move up or down, based on the amount of random test in my daily message?

2 - If I wanted the menu to appear at the very top with nothing above it, would I just use the settings  Global, Positioning: Auto, Window, Top Side Center, 0,0 ?
Do you have a screen cast to teach me this?

Does Likno have an AWM instructional course on Lynda.com yet?  That would help.

I can send you the .awm file if you want to see it.

Thanks for the help.

Doc

Reply From: Likno Customer Support

Hello Doc,

I would recommend you to position your menu relative to your image in your header which is called img1.gif
In order to achieve that please go to Menu Positioning -> select Relative to an Image -> type img1.gif and make the settings that best fit your needs.

menu positioning settings

This way your menu will be positioned relative to your header image.

We have some SlideShare presentations, you may want to follow us so you can see when we upload new ones: http://www.slideshare.net/likno

We are in the process of creating new presentations and Youtube videos, what topics would you like to see covered in such presentations/videos?

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!

Reply From: Doc

Got It!  Yeah!  Just tested the center,center then adjusted the position of img4.gif on the page.  Nice.
Thanks for the inspiration.
Can you tell me how to control padding on the sides of the words?  How do I pad less or more/
Your CS is the best!
Doc

Reply From: Likno Customer Support

Hello Doc,

Glad to see you found it and thank you for your kind words Smile

You can control the paddings of your menu items in Style Editor -> the items you want -> Padding

menu item padding

Please, let me know if I can be of further help.

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 Pro, abstracted and stripped of all user’s private info.


Initial Email From:
Michael
Initial Email Subject: spacing between main times 
Support Case Month: April 2014

I'm using Dreamweaver and everything seems to be working except for just one thing.  I cannot get the spacing between the main items to be zero distance no matter what I do with border (none) or padding (tried different things including 0).  It's puzzling, the subitems are butted right against each other. 
Thanks for any advice.

Reply From: Likno Customer Support

Hello Michael,

Please, go to Style Editor -> Main Group Style -> Distance Between Items and make sure it is set to 0.

distance between menu items

In case this is correct and the issue still occurs please export and send me your project file, so that we can have a better look at the problem.

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

export menu project

Also, please send me the URL where I can see the menu live.

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!

Reply From: Michael

Hi Aggelos,

I had it set to zero, but under the Main Items Style I did not have all 3 paddings at zero.  So apparently the padding defaults to the largest case.  Once I set all 3 padding to 0,0,0,0 the issue resolved. 

Thanks for getting back to me. 

Like the product (I’m new to website creation).

Michael

 

Tags: , , , , , , , ,

 

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

 


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