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: Changing Menu Colors
Support Case Month: April 2013

Right now I am using Silver Bar Menu.I would like to use another dropdown round menu button that I would be able to change the colors to Red.

Reply From: Likno Customer Support

Hello,

I am afraid that this is not possible, as these are fixed images inside this folder:

Due to their "degradation" it is very difficult to make the red & blue.

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

Thanks for the very fast support

Can you suggest a dropdown menu button that I can change the colors.

Reply From: Likno Customer Support

Look at the horizontal themes and choose one that is "plain", without images on its background, like this for example:

Then, you can change the colors yourself through the style editor.

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

I need to use a rounded dropdown menu that I can change the colors to.I also need it about the same length.

Reply From: Likno Customer Support

Hello,

If you want to make the submenu rounded, you just need to adjust the related style property:

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

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

Initial Email From: Stefan
Initial Email Subject: two column menu
Support Case Month: April 2013

Hello,

i need a solution to combine Floating Images - Example I and the possibility to have 2 columns (picture 2)

Thanks for your support

Picture 1: Now

Picture 2: Required solution

Yours sincerely,
Stefan

Reply From: Likno Customer Support

Dear Stefan,

This should not be a problem. You simply need to go to the Style Editor and set your submenus to have two columns:

Note that you can also do this for a specific submenu only (if this is what you want):

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

Great support, that was the solution, i was looking for.

Is there a possibility to define, where to break into the next column or is it half / half?

Thanks,
Stefan

Reply From: Likno Customer Support

I am afraid that the break happens automatically and it tries to have the same number of items in each column.

Still, you may choose to make a horizontal submenu with e.g. 9 rows, so that a submenu with 15 items would have 2 columns with 9 & 6 items respectively, but you have to be careful with the item placement if the order is important.

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: David
Initial Email Subject: Menu re-loading from left each time
Support Case Month: April 2013

Can you tell me why my menu at {URL REMOVED} re-loads from the left side each time a menu item is click?

David

Reply From: Likno Customer Support

Dear David,

This is most likely because you have selected it in the Style Editor:

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: Robert
Initial Email Subject: Fonts in the menu
Support Case Month: April 2013

Good Morning,

Is it possible to use a Google font for the menu? I specify Default Font in AllWebMenus however it always seems to use the font specified in by body css style. I've tried various things to override this. If I specify a font that is not on my system in AllWebMenus, the menu does not show in preview nor on the website, e.g. 'Cantarell', Arial, Helvetica, sans-serif.

My question I think is, can I specify a css class that specifies the font and fonts size and weight to be used at run time.

Thanks
Robert 

Reply From: Likno Customer Support

Dear Robert,

You are indeed able to use Google fonts with AllWebMenus. To do this you need to also set replacement fonts and choose something that has the same size, because the menu will most likely be displayed before the Google font is loaded, and it will not be able to change its size again after the font is loaded.

The only thing you need to be careful about, is that you should NOT use any quotes (single or otherwise) in the font list. Please try the following for example:

Cantarell, Arial, Helvetica, sans-serif

If this does not work, please send me the URL so that I can check it.

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