- This topic is empty.
March 28, 2017 at 3:17 pm #253225
Mega Menus always confuse me!
If you’re not using Bootstrap / Foundation, how are people creating their menus?
I could try coding it on my own but worried about browser compatibility. I can’t seem to find a library that it is lightweight and I can add on to my site.
I am happy to pay for a library as well.
Thanks!March 28, 2017 at 3:55 pm #253226
Something like https://adobe-accessibility.github.io/Accessible-Mega-Menu/ seems quite good and well maintained but requires jQuery; … too heavy?March 29, 2017 at 10:59 am #253248
thanks, that looks like it could work.
what do most devs do when creating menus, do they use libraries or code it themselves?March 30, 2017 at 4:07 am #253280
Maybe also take a look at the open source projects of Chris Ferdinandi there is usable stuff in there, like “Tabby” for tabs, which may be even more unassuming.March 30, 2017 at 10:47 am #253306
I like the idea of dedicated landing pages with those links.
That seems great for mobile.
So you would do the same on desktop as well, a top nav link that does not dropdown?
Thanks for the suggestions on the libraries.March 30, 2017 at 12:56 pm #253312
Yes dedicated landing pages can work out great on desktop too. The reasoning between favouring one over the other would be more content driven IMO. So when it’s an e-commerce webshop – with clear and well defined categories which would fit in those menu-items – a mega-menu could be the right solution, making it in a sense the first step of a customers filtering process. When the content of the website is more reading-focused, than it would make more sense in my mind to have those dedicated landing pages with the added benefit of summarising content and/or explanation.
There’s also this: for a long time there has been this myth on “one-click” links for the fastest path to a destination. But people don’t really mind clicking away a few times, as long as it’s a “happy click”, meaning taking them there: after arrival not many people will remember the number of clicks it took them getting there I think. But feel free to disagree ;)March 31, 2017 at 12:59 pm #253343
thanks for the detailed explanation!
i am developing for an ecommerce site, so the mega menus are probably still good for my scenario.
i did notice gap doesn’t have a mega menu. seems trends are changing.
- The forum ‘CSS’ is closed to new topics and replies.