The whole nav bar needs sorting out. I don’t think that this theme was ever tested with a page menu that extended over a single line. You’d need to take the huge 28px top margin off #nav li, re-position the navbar using #nav ul and then re-test in IE to see if any IE-specific CSS needs to be served.
Much thanks esmi for the quick response. Again, I’m very new to worpress. The code is style.css that you are talking about is:
ul# { display:block; width:880px; margin:0px; padding:0px 0px 0px 10px; }
#nav li { float:left; list-style-type:none; margin:28px -4px 0px 4px; padding:0px; }
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a { text-decoration:none; }
#nav ul li.current_page_item a:hover { text-decoration:none; }
#nav ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; display:block; padding:6px 20px 6px 0px; margin:0px 0px 0px 15px; text-transform:uppercase; }
#nav ul li a:hover { text-decoration:none; }
Not real sure what you mean by “ake the huge 28px top margin off #nav li”? Do you mean change the size or take it off? When you said “re-position the navbar using #nav ul”, what position would you suggest?
Thanks
esmi,
Thanks for the help. I adjusted the “huge 28px top margin off #nav li” to 5px and that took care of it. Wish there was a way to add a little more room than that but, if there is, I couldn’t figure it out.
Again, Much Thanks!
In my design book, 28px is an awfully large top margin to add onto a list of links that might wrap over 2 lines. Given a free hand, I’d probably reduce all margins and paddings to zero and then slowly rebuild the nav bar in the hopes of ending up with a bar that might even wrap quite happily over 3 lines. But, as I said, that’s a pretty significant task.
Thanks esmi. I think I’ll leave that one alone for now. Again, much thanks for the help!
