19 comments found.
Good luck with your sales
Hi everyone!
I tested the page: http://preview.codecanyon.net/item/golden-menu-responsive-flat-dropdown-menu/full_screen_preview/5484936?_ga=2.81609489.768979625.1515500389-2100508123.1515500388 in IETester and IE6. I also tested the examples that came in the zip file. Unfortunately, the menus didn’t work in IE6. Do I have to make any adjustments?
Sorry for my poor english
Hello heilanpercio, what is not working exactly IE tester may give you false results do you have a computer with IE6 and you tested it there?
Hi, i like your work! Just a quick question, is there a limit on the number of items in a sub menu. I have + 100 items (on mobile version) in the sub menu, but they are not showing all.
found already a solution, i changed the max-height in ul.dropdown ul.current
Yes thats it – Thaks for your input
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
Hi Marcos,
What do you mean by going down – you mean the menus doping to another level?
Thanks
Hello
At the moment if a menu link has a submenu, that menu link isn’t clickable – it only hovers.
I’d quite like the main menu link to be clickable, even if there is a submenu. Does that make sense?
It works exactly as intended if I remove the responsive.js file from the code – however, naturally, it then doesn’t work on mobile devices. I’ve experimented for hours with ways of only having the responsive code on screen sizes below a certain width – but just can’t get it to work.
Any ideas?
Hi david,
Send me an email via my profile page i will make those changes for you.
Thanks
Hi
Very nice work! One question: Is it possible for the mobile version, let’s say I click on a sub/sub link, the page gets loaded and the menu opens now one the right path, so the user knows where he is ?
Thanks for your answer.
Regard, Thomas
Hi Thomas
You mean like setting a cookie or setting a css class
yes a css class, for example
class=active
for all ul and li
U can add your class and a background color and a font color like this
.active-menu{ background: #009999; color:#fff; }I think I found it: if I extend the ul with the class “current”, the scripts detects it and opens it after loading the page
Oh sorry i hadn’t thought of that that class is included already
... thanks anyway
Thanks to Thomas, i appreciate your effort
Hi,
I have a website that uses tinynav for the mobile menu (on bootstrap). Here it is:
http://klsstudio.ma/ksecWill you help me transform it into a responsive nav menu, such as your Responsive Menu? Thanks!
Hi Houarim,
Send me an email via my profile page.
Thanks
Please help me with dropdown!
Hi media-pulse,
Sorry for the delayed feedback, the challenge was that the messages sent do not include your purchase information, so they cannot be verified for support. If possible send me your purchase code and licence certificate.
Thanks
How to make dropdown open on click instead hover?
like bootstrap navbar
Hello media-pulse,
i may have to modify the the CSS and JS a little bit for you just send me an email via my profile.
Thanks
Hi media-pulse,
On my profile page there’s a form on the right side just fill it with your email and send me just a simple message – i will receive your message in my inbox.
Thanks
i send message on your profile page
Thanks will send your solution on your email
we did not get the message
help plz
help with menu
i am do not receive message on taron@live.ru
why?
Hi media-pulse,
Sorry for the delayed feedback, the challenge was that the messages sent do not include your purchase information, so they cannot be verified for support. If possible send me your purchase code and licence certificate.
Thanks
Also… a couple of other questions. I would love to have the toggle menu only include the top level items, in other words, no drop downs. And is there a way to keep the menu at the top instead of at the side? Thanks!
Sent you an email
sent you replies… did you get them?
Hello. I haven’t heard from you in many days. Are you able to work on this for me?
Sorry have been away, will email you the mult column version tomorrow!
OK Great… was just starting to worry. And it has other fixes such as dropdowns disappear on tablets when click outside of menu and also responsive menu is a select menu with parents?
Yes it is…
you are amazing!
Hello! Can you please contact me with updates?
OK!
Is there a way to see the sticky aspect of this in action on a demo?
Hi mazzlebean, thanks for the purchase
please check inside the source folder – look for advanced menu styling options folder – there’s and example named fixed sticky header menu
Regards
Is there a way to make the dropdown work properly on tablets? The dropdowns won’t disappear when clicked on a tablet. There is no way to make them go away.
You mean when you click anywhere outside the menu on tablets to make them go away? Let me know if this solves your problem
You can add something like this
$('body').on( "mousedown touchstart", function(e){
var navcontainer = $(".nav");
var navmenu = $("ul.dropdown");
if (!navcontainer.is(e.target) && navcontainer.has(e.target).length === 0){
navmenu.hide();
}
});So sorry, but where exactly would I put this script? I tried to just add it to the flatmenu-responsive.js but that didn’t work.
Let me send you the adjusted code on your email, just replace flatmenu-responsive.js with this new one i have sent on your email.
product is awesome and seller is great.. helped greatly to get the menu working the way I wanted to. thanks.. great product.
Thanks too lastdon101 for the purchase, always honored to help where i can.
i like it but can you add some css3 (fallback jquery animation) based animation so i will use it my next project
Thanks bdthemes for your interest – count it considered for the next update.
Regards
Hi there, is there any reason that the Main Drop Down links, i.e those with the sub class applied don’t actually link? Links are applied in the code, and the mouse pointer changes, but those links with the sub class won’t link. =(
Any idea’s how to fix this?
var $menuToggler = $(’.sub > a’); $menuToggler.click(function(e) { e.preventDefault(); var $this = $(this); $this.toggleClass(‘current’).next(‘ul’).toggleClass(‘current’); });
Okay, so I understand why this is setup this way, and by simply removing the “e.preventDefault();” from the above, the sub classes become linkable again. However, when they are in their mobile form, clicking on the toggle to bring down the accordian style links takes you to the link as opposed to allowing you to browse the dropdown list.
SO, my question is, is there a simply way to get this code to allow for both the clickable sub classes AND functional mobile drop-down link toggles? Thanks.
Hi Atkinsonflja The .sub class represents menus with a drop down, on large screens when you hover on them they reveal the drop down (sub menu), on small screens (mobile usually), when the menu is collapsed you click them (instead of :hover) to reveal the sub menu as well.
The action you require looks like you want, sub to both reveal the sub and open a page at the same time on click, which is not possible at the moment.
In case i find a work around i will update the menu…
Thanks
Alright, thanks for the reply. I just really need to get the links on the actual menu-bar (even those with dropdown’s associated with them) all working.
I understand it would be a big undertaking to change up your entire code to support this. I was wondering if you could think of a quick solution to this, or what would be the best way to go about adding this functionality. I actually already had someone integrate this menu in WordPress for our new site – http://www.acdemos.com/cea.
Problem is, I didn’t initially realize those drop-down links only have hover functionality, and the CEO is strict on details; she wants those About Us, Portfolio, Case Study and Contact links working, as we have actual pages and content for them.
Anyway, I was thinking, could this maybe be solved by having two versions of the menu on our website? One that doesn’t have the “e.preventDefault(); var $this = $(this);” line for the Desktop version of the menu; which is then hidden by media queries once the window/screen resolution gets small enough, and then having a second Menu with the “e.preventDefault(); var $this = $(this);” line still present, showing up when that media query is reached?
Sorry if the above was confusing, I just really need a solution as I had the coder who designed this site remove the old menu and replace it with this one. I’ll be in deep crapola with my bosses if I can’t get this functional. Thanks.
Ah yes, the two version may be very possible, I have been looking around to see if it is possible to solve the prevent default by only leaving it for mobile browsers, and then leave the link click-able on desktop, this may require a few good hours to figure out, but worth trying let me give it a shot i will let you know of the outcome.
Hopefully this works and gets us out of the deep crapola.
Thanks
Very much appreciated, I know no promises have been made but I really appreciate the effort regardless. =)
And of course, to butter you up, this is truly a fantastic package, and also very easy to style. I personally love it the way it is as well, and I’m probably gonna end up buying a second license for my own site. Our boss just has a very specific idea in mind for her site. Thanks mate!
Thanks
Hi Atkinsonflja
Send me your email address via my profile contact page, for the modifications i made…
Oh wow! What, I didn’t even see a notification about a reply. Thanks a bunch! I’ll do that and let you know how it works.
Also, would you happen to know how I would go about rating this item? I would love to drop five stars on it, however the only place I see mentioning any video says Minimum of 3 votes required? o.0
Hiya Elflaire,
I finally got around to adding the code you sent me in; and the main desktop version works as we would like, however, when the responsive code kicks in, no menu items are populated anymore.
For example, in the below hyperlink, the desktop full screen versions look and functions great, however if you manually make the browser window smaller to have the responsive bit kick in, the menu no longer populates. Any idea what’s going on?
http://facebook.ceaproduction.com/redesign/about-us/Thanks!
Hi Atkinsonflja,
It seems the JavaScript for the menu is not firing below 1068px – may be out of conflict, but let me examine it more carefully, i will send you some possible solutions.
Does this happen when you test locally with the files i sent you?
Ah, you’re quite brilliant, in fact, right on the money. I’ll confirm tomorrow in the morning, but trouble yourself no longer with this little issue. I’ll let you know how my investigation goes. Thanks.
Alright, let me know how it all goes!
Is anyone running this live please leave a link.
I am still testing it.
A couple of hints for others based on my experience only (check with the developer for confirmation):
The word ‘Menu’ doesn’t appear when the menu is minimised.
I got this working by changing the following line in flatmenu-responsive.js
Change
$(’.nav’).prepend(‘ Menu ‘);
To
$(’.nav’).prepend(‘ Menu ‘);
(If this is correct the developer will probably change the source code for this)
I also had some problems centering the menu on the page and when doing it found a fix to left-justify the menu items by adding text-align:left at the following places in flatmenu.css:
(change for the theme you are using)
/* Theme blue black */ .blue-black, .blue-black ul.dropdown { background:#3498DB; text-align:left; } .blue-black ul.dropdown ul { background:#2C3E50; text-align:left; }
Hope this saves you some time I will keep testing to see if the menu is suitable or not (seems okay so far).
Sorry the code for the javascript change was not printed I don’t know how to print it so the key is to move the word “menu” to outside immediately to the left of the “span” right before the “span” so the “span” is then empty.
Hello OutsourceWinner Thanks for the purchase and adding some comments on how to improve the menu
To make some clarifications 1 – On centering the menu – this is usually a personal preference but you will notice that the menu is wrapped in a a class .container { } – if you add your menu measurements say your template measures 960px – if you add that to that container and add margin:0 auto; it will center your menu – EG
.container { width:960px; margin:0 auto; }
2 – The words ‘Menu’ are not visible because i only left the menu icon indicator on collapsed state which triggers the menu when clicked, however in case you want the words they are still there for accessibility but pushed off-screen by this class
.menu-icon span{ text-indent:-999em; }
Regards
Hey, nice Menu!!
one question. For what is it:
ul.dropdown *.sub { padding:0!important; background-image: none!important; }
thanks dani
Hi Pixelgenau, thanks for the purchase Removes the arrow drop down on mobile which is substituted with a + -
Ahh ok. after i check the html and css, works perfect!! thank you
Yo welcome
Just a note to the author—When viewing the LivePreview demo on iOS (iphone / portrait), the Envato frame seems to cause your media-queries to fail to trigger properly, so the menu displays as for wide-screens (6 tabs in one horizontal bar), rather than collapsing into the tiny menu-icon. When i click the ‘remove frame’ link, your menu system works. But i think people might be confused.
Thanks Tex70 for pointing that out, the live demo is hosted here on my site – http://doptiq.com/demos/golden-menu/menu/simple/
I will put the same link on the menu page for live testing instead of going through the Envato frame route , thanks once again
Regards
Hello,
I just bought this, but it doesn’t work on my iPhone. Any ideas what the problem might be?
Thanks,
Laura
Hi Laura, thanks for the purchase first of all Which version of IOS exactly, can i see a sample or screen shot so that i can look into it!
Also try viewing the live preview demo and let me know whether the same problem exists
Thanks
hi, Thanks for the nice menu! I have used whole menu visible on ipad since I have so little menu bar. What I miss is the drop Dropdown menu collapses when pressing off the menu. Is this possible fix?
But must add that I have only used <Sauce Labs> to simulate the ipad.
Hi Boffboff, Thanks for purchasing and i am glad you like the product Please send me an email via my profile page with a link to a test page so that i can look at your problem…
Regards
