Hello is this possible to bottom to top (Drop UP menu) navigation if yes, than i will buy…
In FF and IE 9/10 when I enter over an menu element with cursor I have text “undefined”. Also the social elements are in
The menu works fine in all browsers including Firefox and IE 9 and 10, as you can see with the preview.
If you are having problems, then it is probably something specific to your implementation, maybe an error you made or something related to your page.
If you can give me a link where I can see the implementation that you did, I can look over the code and we can work together and see what the problem is.
If you don’t want to post the link here, in a public place, please use the contact email, email@example.com, and send me the link where I can see the menu implemented.
I really liked the script. Though i have some issues i have to solve before purchasing.
1. Is it possible to change the hover effect of the items to something simple? I don’t like the left-to-right fade effect. I just want a simple fade effect or just a CSS hover effect.
2. Is it possible to have different CSS styles to the sub-items from the master items? As i realized, u are using the same styles to uls and lis in the master menu and in the sub menus.
Thank you in advance.
Based on your questions, I have another menu in my portfolio that I think will be better suited for your requirements. Please go to my portfolio and see the “Modern Menu” project.
The other menu that I have mentioned is made with CSS, it has a simpler hover effect and it has multiple options for the dropdown.
Hello! Yes indeed, Modern Menu is great …. so pity i need the vertical orientation and it seems it doesn’t support!
Yes, the other menu has only horizontal orientation.
Why not responsive for mobile navigation?
But… one of the most beautiful navigations I’ve seen Great! Nice work!
The menu can be used in a responsive site. On the development of the site, different dimensions can be defined for each state – desktop, tablet, phone – and when switching between the states, the menu can be rebuilt, resetting and going through the initialization function again, so that the new animations are built based on the new sizes.
Just to clarify for other people that are reading the comments, the menu is responsive and the responsive functionality consists of the menu resizing horizontally to fit the available space and the right side elements repositioning accordingly.
Is anyone else experiencing an issue with the drop downs not working and the social media buttons (right side) not appearing in IE 9? It shows perfectly fine in all other browsers and versions of IE I have been able to test. Any insight would be greatly appreciated. The website in question is ghppc.org.
I have tested your link in IE9 on my end and it works well. The dropdowns as well as the right side buttons are displaying well. Maybe it is something on your end ? I have responded to your email and asked for a little more information. We can talk more there and find whatever may be causing a problem on your side.
Really really nice menu! But I have to ask:
a) Any plans to update it to be natively responsive?
b) With reference to your previous answer about using this on responsive sites is there any chance of a screenshot of what that would look like and instructions on how to implement that?
The menu is responsive. Right now, the responsive functionality consists of the menu resizing horizontally to fit the available horizontal space. When the window is resized, the menu resizes as well and the right side elements reposition.
I do support and plan on developing this project further based on the requirements of the people. But when asking for a feature, please be more specific about the functionality that you want implemented.
“Responsive” is a general term that can mean a varied number of different functionalities and behaviours. There is not a standard set of requirements that one can follow and develop based on.
So when asking for a feature to be developed, please be more specific as to what kind of functionality you need, in what way do you propose for the menu to behave. If we both agree that this is something that is needed, would be useful, then I will add it to the features that I will implement.
I think that once a project is posted, it can be improved through the feedback and suggestions of the people using it in their work. And that is definitely something that I am looking for.
Apologies for being nonspecific. Specifically what I mean is often horizontal responsive menus I’ve examined all seemed to have a behaviour where on smaller viewports the menu more resembles a vertical navigation opened by Eg a ‘Menu’ or a ’+” or a ‘Navigation’ button at the top. So thats kind of what I meant.
Strangely, given what you said, when I resize my browser when looking at the live preview the menu’s there don’t resize. Should they?Or am I misunderstanding something? Thanks.
Like I say, I really like this menu, but just wanted to be clear about what to expect on a mobile device.
Thanks for the clarifications. I understand what you mean and I think that it is an interesting idea and an option that can be useful.
Right now, the responsive functionality consists of resizing based on the available space, there is no change in look or structure but it’s an interesting idea that I will think about adding if people find it useful.
Thanks for the reply. In the end I viewed your preview on my iPad, iPhone and via a couple of emulators. In each case the demo menus extended beyond the screen edge.
In the last few days I’ve bought seven or eight navigation/menu scripts on CodeCanyon and can say that your is by far the best one that I haven’t bought – simply because of the mobile experience. I think most ppl now expect responsive sites to have what is becoming the ‘classic’ responsive mobile navigation vertical menu at the relevant viewport breakpoint.
Your menu is amazing and if you ever do add the responsive behaviour that I’m describing I’d buy it in a jiffy! Good luck.
The preview file has an exact body, is not set as responsive, that is why you don’t see it when resizing the window, but by setting the width as a percentage, it will resize accordingly. It is a fairly basic and straightforward thing to understand, that is why I did not create an example for it.
Thanks for your suggestion though, I will definitely consider it.
Indeed. Setting the width of the menu using percentages rather than a fixed value is most certainly a simple concept to understand. Its good to know now, even at this late stage of dialog that your code, presumably, permits this to be accomplished with corresponding simplicity. I’ll assume its an option somewhere or a minor edit to the CSS (you were not specific about how it is achieved).
Adding a width: 100% !important example to the live preview might be just as good an idea as enhancing your description to explain, specifically, to all the dullards like me out there, that your product does actually lend itself to that sort of customisation.
I may buy the menu now that I realise that the live preview doesn’t actually convey the mobile experience – it would have been nice if the live preview had been more specific in stating that the examples were fixed width.
If you can use my profile page to send me an email, we can discuss further about specific things on email, about your needs with the menu as well as your suggestions.
Purchased. Great Menu…
If you can use the contact email to link me a few good examples that you were referencing earlier with your suggestions, that would be great and I would appreciate it.
Email sent as requested with screenshots showing impact of using width: 100% on a mobile device along with sample responsive menu where it’s collapsed to vertical drop-down nav to protect child
....... where it’s collapsed to vertical drop-down nav to protect child <ul> items </ul>.
<ul> items </ul>
Can i use this menu in rtl site?
(sub menu open to left)
There is no option to inverse the direction of the dropdown, unfortunately.
since menu 1. I didnt check.
awesome menu. after I checked hundred of.
this seems so elegant crystal clear.
thank for developing this great stuffs.
Thank you. Happy to see that you like it.
Could you help me. The drop down menu isn’t working properly and I have troubleshooted as much as I could understand and .. to my knowledge.
Do you have an idea of what went wrong with the transition I made?
I see that you have resolved the alignment issue that you have mentioned over the email.
If there is anything else, please let me know.
The vertical menu seemingly have some problem in Chrome 36 and Opera,
Looking forward to fix it
It was an issue with horizontal button animations that was causing them not to display properly. The issue was fixed in the latest update.
Needing Twitter Feed….I have posted the twitter.html file to server, updated the ‘twittername”, created my app, entered the codes into the php fields….but no efffect. Please advise… Thanks
Can you send me a link to look over your implementation ?
posted via profile message. Thanks.
Just posting a clarification for people reading through the comments. This is a discussion regarding another project from my portfolio, not this menu. Wanted to clarify here so that there are no confusions.
Sorry. Not sure how I managed that mistake. (Y) This comment for his Modern News Ticker project.
A new update has been implemented:
Before purchasing the menu, I would like to know what happens when I use 20 items, it goes down or it does not work like that? thank you
If there are more top buttons than the available space, the buttons will go to the next line but the menu was not built to work with multiple lines of buttons, so this is not recommended. I recommend only using a single line of buttons, as much as the space allows.
Having an issue here:
Please disregard; I figured it out…
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Why buy with Envato
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.