Discussion on Awesome dropdown and megadropdown CSS3 menus

Discussion on Awesome dropdown and megadropdown CSS3 menus

Cart 174 sales

ThemeMakers supports this item


This author's response time can be up to 1 business day.

11 comments found.

Hi , loving this menu , but having a problem atm , how do i get rid of the grey area at the top of the menu? thank you

Great code! I was wondering how I would make the button smaller when you roll over it? I have made the bar smaller, but can’t figure out the button?

l have chosen the black drop down menu, when l hover over the “submenu”, the text-color changes from black to grey. Is there any way l can make it stay black or make it white or another color?

If I buy this, am I able to use it on multiple websites that are my OWN like I wouldn’t be selling it, I would just be using it on 3 websites.

Your help is appreciated, I also love this product! :)

If you want to use it 3 times, you should buy it 3 times too per regular license.


is it possible to have more than 4 columns in the Mega Menu?

All is possible, but with help of pro in CSS ;)

Hi Alex,

Having some problems with IE8 and the menu. The menu works perfectly in IE9 , Chrome, Firefox. But in IE8 , the menu is appearing behind elements, I am guessing this is to do with z-index?

Anyway here is the link:

I’m really stuck for ideas and could do with some help. Thank you.

That breaks it even more I’m afraid.

It’s to do with the search box. As soon as I have that on the page, IE8 breaks. Oh well, if we can’t find a fix I will have to think about having the search box elsewhere in the page

Fixed it!

It was a line of code in the searchform.php code.

<form class=”inline-search” role=”search” method=”get” id=”searchform” action=”<?php echo home_url( ’/’ ); ?>”> <input type=”text” placeholder=”Search” name=”s” > <input type=”submit” value=”L”> </form> <!-/ search-top->

the line was causing the issue. I have removed it now it works.

Wow, it’s nice you got it!

Great menus, but I’ve a problem with the menu not showing correctly over the top of a slider, I believe I need to use something like z-index: 99999; in the css but I don’t know where I need to put it!

Can you help please

can I have a link to website where are you using the menus?

your menu is only on the index page at present

Hello, for some reason the search icon font is not being embedded in Firefox, what do you suggest?

can I get a link to your website?

Sure, let me send it in a private message on your profile page

Sure. The file searchform.php looks like this:

<div class="search-top"> <form class="inline-search" role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>"> <input type="text" placeholder="Search" name="Search" > <input type="submit" value="L" name="s"> </form> <div class="clear" /> </div><!--/ search-top-->

And I call it using: <?php get_search_form( $echo ); ?>

But when I search, because the input type submit is given value=”L” this is what it searches my site for…. “L”.

I know the L is the value of the Web Symbols fonts so as soon as I remove that I lose the magnifier icon. Is there a way around this? Maybe I need to use an image replacement for my search button rather than a font value?

You just need to get out name=”s” from your submit button and replace the name=”Search” with name=”s” in your text field. So the result should be as one below:

<div class="search-top"> <form class="inline-search" role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>"> <input type="text" placeholder="Search" name="s" > <input type="submit" value="L"> </form> <div class="clear" /> </div><!--/ search-top-->

Thanks Alex – that worked :)

i am having trouble using the search box with Wordpress.

The submit button uses:

<input type="submit" value="L" name="s">

But when hit the search icon it just keeps searching for “L”.

can I get the whole code of your search form?


Tell us what you think!

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

Sure, take me to the survey