[toddw]

I may have answered my own question. I changed “.main-navigation a” class from above, and added a new CSS class… both of which are copied here:

.main-navigation a {
	color: #666;
	display: block;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 22px 0 0;
	height: 38px;
}
.main-navigation ul li ul {
	position: absolute;
	background-color: #fff;
	top: 60px;
	left: 0;
	width: 200px;
}

I changed the height of “.main-navigation a” from 36px to 38px, plus, changed “.main-navigation ul li ul” from a default top: 50px to 60 px to push the drop down menu further down the page on my site (http://framella.com).

If you add a border to your site, as I did to mine, then you will need to adjust the nav bar too, since it is absolutely positioned from the top of the browser window.

Thanks and regards,
Todd

[Author]

Posts