# Mega Menu using CSS only

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1653020056655/FkPjO7owj.png)

Demo : [http://s3.css.co.in/demo/mega-menu.html](http://s3.css.co.in/demo/mega-menu.html)

Code : [https://gist.github.com/anjanesh/876b781b69fff9598fd73ffeda4b9318](https://gist.github.com/anjanesh/876b781b69fff9598fd73ffeda4b9318)

Sorry for no explanation here.

`#top-menu-1 > div > a + div:hover` has to be displayed as block too.

For people who know CSS, I think most people just want to copy-paste code and edit for customization. And people who don’t know CSS will just edit the content.