drop down menus, pt 2

[Frederick Frahm]

Hi Bill,

Am working to get my drop down menu backgrounds to look right. I have two, the first (Bio) has a link ‘Firehead Editions’ that runs just off the background box. The second (Works) looks fine so I don’t need to adjust that. Is there a way to only fix the first drop-down so it will fit under the text of the links? I looked through the support and have found the following code:

nav#top-menu ul li:hover ul {
width: 200px;
}

but that doesn’t seem to work if I plug it in to the custom CSS box on the Advanced page of Theme options. I’ve changed the number a couple times and saved my options but the result comes out the same.

Thanks, as always, for your advice,

F

[Bill Robbins]

Hi Frederick,

You can do that. Give this snippet a try in your Custom CSS:

nav#top-menu ul li ul {
	width: 300px;
}

Also while you’re in the Custom CSS, I noticed this style:

nav#top-menu .menu ul ul {
	top: -20px;
	left: 100%;

is missing its closing bracket. That will keep anything after it from working properly. If you’ll change that to this:

nav#top-menu .menu ul ul {
	top: -20px;
	left: 100%;
}

that should also help out.

Take care,
Bill

[Frederick Frahm]

Thanks, Bill!

I put in the missing bracket, thanks for catching that.

And I tested 300px, which worked but I experimented with smaller numbers to see if I could tighten that up. 225 is spot on!!

Thanks again, you’re the best!

F

[Bill Robbins]

Glad that did the trick ?

Take care,
Bill

[Author]

Posts