Posted in webdev
604
10:26 pm, March 18, 2019
 

Mega Menus Collection

Just looking for some nice mega menu designs here, all they really are is a hidden div that gets activated when a menu item is clicked or moused over. Hard to find a solution that fits all for this one. 

Ask Phil

https://askphill.com/

I like this style of menu, gets out of the way and works on moble and desktop. Only issue with this one would be if there is a large amount of items in it, not sure how well it would scale to this. 

Green and Plain Mega Menu

Here is a rather basic one, you can see that the list items are full width so drop down under each menu category, i find this one quite overwhelming to look at as there are just too many links.

Mag XP Demo Menu

I like the colour scheme of this one, and it has a bit of normal menu list items included and then has some feature boxes to make it a bit easier to see whats going on. 

Link

Columbia Mega Menu

When you have a lot of product categories to list, i guess this seems a good solution, not too flashy but gets the job done, with a massive list. Highligted titles for each category and then the sub category items underneath each one. 

Vertical Mega Menu

This is an example of the vertical style mega menu, rather than having a plain sub navigation you can pop out half your site into the menu. I like how it highlights the products here in this category and you can add them straight to your cart straight from the menu item. 

All in One Mega Menu

This one seems to have everything in it, reviews list, products list, featured product and some kind of slider. Each of the menu's would need an appropriate graphic to add to the corner as well like the image of the person holding the camera. A lot of effort to construct, and maybe too much just for a menu. 

Max Mega Menu

Rather than having a bunch of menu titles across your site, you can add them all into one grouped menu, this is good to save space in your main menu area, but still allow listing a lot of content in the menu items. 

UberMenu

This is one you can buy from code canyon, and has so many options its amazing! I have not used this one, but it looks pretty good. 

Link

Dell Mega Menu

Almost too much in this menu, it has a best seller and best buy items and then a list of offers and other collections. It seems to keep all the main information in the one area, which is good. If you were looking for desktops, this menu definately does the job of showing you what you need. 

Best Buy Mega Menu

This is basically just a list of categories, but it allows the main navigation to consist of 4 items, so keeps down the main realestate when closed. 

Once the menu is opened it has icons for each item, which helps to find what you are looking for. Probably not great for an auto generated menu unless you had one icon for all or matched the category somehow when adding the icons. 

View Statistics
This Week
216
This Month
758
This Year
2632

No Items Found.

Add Comment
Type in a Nick Name here
 
Search Articles
Search Articles by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote

"Olivia, my eldest daughter, caught measles when she was seven years old. As the illness took its usual course I can remember reading to her often in bed and not feeling particularly alarmed about it. Then one morning, when she was well on the road to recovery, I was sitting on her bed showing her how to fashion little animals out of coloured pipe-cleaners, and when it came to her turn to make one herself, I noticed that her fingers and her mind were not working together and she couldn’t do anything. 'Are you feeling all right?' I asked her. 'I feel all sleepy,' she said. In an hour, she was unconscious. In twelve hours she was dead. The measles had turned into a terrible thing called measles encephalitis and there was nothing the doctors could do to save her. That was...in 1962, but even now, if a child with measles happens to develop the same deadly reaction from measles as Olivia did, there would still be nothing the doctors could do to help her. On the other hand, there is today something that parents can do to make sure that this sort of tragedy does not happen to a child of theirs. They can insist that their child is immunised against measles. ...I dedicated two of my books to Olivia, the first was ‘James and the Giant Peach’. That was when she was still alive. The second was ‘The BFG’, dedicated to her memory after she had died from measles. You will see her name at the beginning of each of these books. And I know how happy she would be if only she could know that her death had helped to save a good deal of illness and death among other children."

I just checked google books for BFG, and the dedication is there. 

https://www.google.com.au/books/edition/_/quybcXrFhCIC?hl=en&gbpv=1 


Roald Dahl, 1986
Random CSS Property

top

The top CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
top css reference