drop down menus, pt 2
URL to the page in question:
http://www.frederickfrahm.com
-
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
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
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
Glad that did the trick ?
Take care,
Bill
- The topic ‘drop down menus, pt 2’ is closed to new replies.