Code

Discussion on Animated Horizontal Dropdown Menu

Discussion on Animated Horizontal Dropdown Menu

Cart 371 sales

LizardThemes supports this item

Supported

This author's response time can be up to 2 business days.

35 comments found.

Hello,

is it available an hack to show this menu fine on ie8 and ie7?

Menu works well on IE… change <nav></nav> to div if you’re not using html5.

If something is not clear feel free to contact me via mail.

omg i just had to say this menu is amazing! I thought i’d have problems with it but it’s so easy to set up and customize and it looks fantastic. :D

@roos3342 i’ve installed this on my shopping cart but plan to implement it on my wordpress blog too. Just find the header template and add the code there.

Thank you. I’m glad you like it.

Hi, I’m considering purchasing your menu, but before I did I had a quick question. I think I know the answer, but I thought I better ask.

I have a wordpress site and I would like to use this menu for the top navigation on a theme.

Does your code and menu integrate nicely into a wordpress theme? I’m assuming all the menu links are hard coded so I wouldn’t be able to use the wordpress menus and GUI interface to assign links, etc.?

Thanks in advance!

Hi, I’m sorry but I do not know wordpress. I can only help you with HTML/CSS.

If you are interested for WordPress version, contact me via mail.

hi

How to make menu-item or sub-menu is active when clicked?

Hi, add a class ”.selected”. See html, active menu-item and sub-menu have class ”.selected”

Great menu, just purchased ;-) I’m trying to get the sub menu items to continually show and only change when i click on another topline menu item instead of dissapearing whenever my mouse moves off the list. Is there a line of code I can change to get this to show?

Thank you. It is possible, with javascript. This is just css.

Is this something you can help with at all?

I would love to help you, but I do not know enough javascript/jquery to do that.

I only have the need for submenu with one of my main links. Is it possible to only show sub menu when that main link is hovered over.

It is possible, purchase the item, contact me via email and I’ll send you the code. Describe in detail how you want to menu look.

Thanks, I will buy and have a play about with it. Im sure I can get it how I want. If I get stuck I will drop you an email. Thanks Again.

Hi there looks great just a question is it something you think that could be integrated into wordpress? thanks Colm

Hi, I’m sorry but I do not know WordPress.

If you are interested for WordPress version, contact me via mail.

Hi there, if I buy this, can I change the fonts to a Google font? Thank you.

Yes, you can very easily use Google Web Fonts. Just change the font-family on line 65(main links) and 148(links in submenu).

If you need help feel free to contact me.

Thank you. I’ll try it out.

Hi, - if I click a submenu item, does the menu recognize this on the new page and reopens the submenu row?

- is it possible to habe a space (gap) between first menu row and second menu row?

kind regards,

toni

When you click submenu item opens a new page.

space between row? no, generally it can be done, but with a lot of changes and maybe a little jquery.

Hi, I think you missunderstood. if you click the submenu and the new page opens, does the menu recognize this with a cookie or something like this – that the current submenu item is open (visible)?

Current submenu have class ”.visible” in html. Class tells him to be first in line.

how to make the menu with fonts in the center of the nav

Hi, only reduce the width of .menu_center class. Width is now 1020px, if links(menu with fonts) together have the width of the 700px, put the width of .menu_center class 700px on line 43.

Then if you had a problem with the size of submenu, define its width, now is 1020px you put 700px on line 106.

.menu_center{ width:700px; } .menu ul ul{ width:700px; }

If something is not clear feel free to contact me via email. I will be happy to help.

Hey, it seems while I run this in Internet Explorer, with “Document Mode” as “IE8 standards”, the menu messes up and looks like a vertical HTML list. See for yourself: http://i.troll.ws/6b4b6837.png

Edit: I added that google HTML5 thing and it shows now… but it’s still messed up. See: http://i.troll.ws/e5d7099a.png

Hi, thanks for the report. I do not know how I missed this. On line 64 in css, change the height from 100% to 45px.

.menu ul li a{ height:45px; }

Wonderful menu, but it’s really big. Is there any way to reduce the overall size, by chance?

Size can be changed. Contact me via email and write down how you want to menu look.

Hi, the overall size of the menu is now smaller (v1.2).

Is this menu responsive?

Hello.

I have some few questions :

1. Is the menu status persistant : I mean when a sub menu is open, it stills open until we hover or click on another main menu item.

2. Could we control the menu width and not having the 100% page width ( Broswer width ).

Regards

1. The sub menu is always open, until you hover/click on another link.

2. Yes, just change the width of the main div.

.menu_container{
    width:1020px;
    margin:150px auto 0 auto; 
}
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey