simple dropin wordpress dropdown navigation css

this is good if you just want to drop in some css and get a dropdown navigation back using the default wordpress nav

example of the default styles

code (css)

/* Menu Dropdown */

.nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #1bc2a2;

.nav ul li {
  display: block;
  position: relative;
  float: left;
  background: #1bc2a2;

.nav li ul { display: none; }

.nav ul li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;

.nav ul li a:hover { background: #2c3e50; }

.nav li:hover > ul {
  display: block;
  position: absolute;

.nav li:hover li { float: none; }

.nav li:hover a { background: #1bc2a2; }

.nav li:hover li a:hover { background: #2c3e50; }

.main-navigation li ul li { border-top: 0; }

.nav ul ul ul {
  left: 100%;
  top: 0;

Other Items in css
Page Views

This page has been viewed 315 times.

Search Code
Search Code by entering your search text above.

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.


Random Quote
1. Show your work to the world instead of keeping in your head๐Ÿ’†. 2. Do the work consistently๐Ÿ‘Œ 3. Respect your work๐Ÿฅฐ 4. Don't postpone your work 5. Make mistakes ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ