Hello ! I guess that it should be first converted into a plugin so you could use it from the backend. It’s not the only way to do that but I’m not enough experienced with Wordpress to give you any further pointer…

Hello, I guess that it would require a few adjustments : the content may not fit into the screen, for example on an iphone. A set of media queries could be set to resize / place all the elements so they are all visible / accessible.

Also this menu works exclusively on mouse hover, an equivalent on tablet like one touch to open and one another to close would need a little additionnal script.

In short, this hasn’t been coded or optimized for mobile devices. It can be done with some customizations.

Hi,
First, I want to say it’s a very nice menu.
I’m having problem with this menu when the page is directed from right to left (dir=’rtl’). It makes lot of empty space at the left of the page.
How can I fix this problem?
Thanks.

Hi again,
Sorry for bothering you, but I screwed it again
It worked at the begging, but now it showed up again, I don’t know why.
By the way, you cad add (dir=’rtl’) to the demo, and the exact problem will appears, so I don’t think the problem is from my code
Help please

Yes that’s possible by adding a custom script, but because CSS and javascript are separated categories on Codecanyon, I should not add a script to this menu. Making a JS version would be like a duplicate product so it should be a brand new menu instead…

I’m a bit busy with other projects but I should rethink this all if I plan an update

I have another question: I want the menu to pop out full with of the body of my site without enlarging the size of the button.

What css do I have to edit to make it pop out like that? If you need an example take a look at eBay’s pop out menu by their logo.

I don’t want it to display sub categories on hover I would like to display the sub-categories under their parent category’s.

I have tried to make the pop out the size of the body of my site but when I do it also makes the button the full width of my site body. I don’t want the size of the button to change only the drop down.

Hello, well it’s a bit complicated, there are quite a few parts of the code to customize. It seems that the ebay menu has a fixed width set in pixels and with this menu you can’t use percentages (so it would take automatically the whole width).

Unless you want to go for deep customizations, I can suggest you to set your own width in pixels.

Hello, you’d need a custom script for that because this menu is not optimized to work on mobile devices. Only the file 04_vertical_menu_1st_drop_visible.html seems to work but it would also be better with a script.

This is the very beginning of a script, your function is empty and if you take into account only ipads and iphones you’ll miss all the other mobile devices. It’s much better (in my opinion) if you base your script on a plugin like this one for example.

Hello, all you need to do is to add the class main_opened to the container megamenu_main as shown in the HTML file 04_vertical_menu_1st_drop_visible.html. This is for your home page where you want the menu opened. For your other pages, just remove this main_opened class and the menu will appear collapsed.

Concerning the link, these are functions that would require some javascript I guess, and it’s not part of this menu.

thanks for the reply. looks like is going to be a problem since the script in wich i have added this menu is using a single file coresponding to the header and based on the homepage or not, is changing the menu. see [link removed] . i have asked previous about this if you remember

Thank you for your great job one of the best, but i have a question can we divide the menu of li>ul>li in case if we have many items so if its possible to make it two section. i wish if you didnt got my idea that send me your email to show it to you more clearly what exactly i am looking for.

Ok, this is not an option included, it’s something you can do by adding a very simple grid (flexible in percentages so it fits in any case). I guess that you can generate a quick grid here, but it’s just an example, you basically need a column container floated on the left.

Hello, making such a menu responsive is very tricky and to be honest I still haven’t found the time to make it. I started already but I’ve faced many problems that I couldn’t solve easily. As for now I can’t guarantee a responsive version. And on top of that Codecanyon doesn’t accept javascript files in CSS web elements anymore. So it means that I can create the media queries but I can’t add the necessary JS code to reach a perfect responsiveness (open / close drop downs, handle touch events outside the menu, etc.).

i have just finished the work on Metronic admin theme from wich i needed just the menu. Their solution was to have actualy 2 types of menu in 1, based of type of device. For pc i get the full menu and on mobile device the bootstrap responsive menu is used. Can’t you do something like that? i like the menu as it is now, with images and i am aware that it can’t be shown like it is on mobile devices. that is why the solution from Metronic made sens.

Well, I wouldn’t want to rely on Bootstrap even if it’s a great tool, and it involves javascript again. Actually there are a few possible approaches but as I have to stick to 100% CSS, it makes things quite limited (and I don’t want to use any CSS hacky things into this menu). But thanks for the suggestion, I appreciate.