Hello, why is the text of the menu under the header going below the line...like..community...etc.. If you look at destination articles, the word articles goes way down. I want both of them to appear within the blue box, when you hover over the menu. If I remove the width, then the blue box will extend horizontally. Can anyone help. Here is the URL ... http://bit.ly/fpj4mj Thanks in advance.
Remove line-height:34px; Code (markup): from #nav .sf-menu and add height:60px; Code (markup): to .sf-menu li
Please Use Below code : #nav .sf-menu a { display: block; white-space: nowrap; text-decoration: none; padding: 8px 12px 11px; color: #000; font-size: 14px; font-weight:bold; } Code (markup): Instead : #nav .sf-menu a { display: block; text-decoration: none; padding: 8px 12px 11px; color: #000; font-size: 14px; font-weight:bold; } Code (markup):
white-space: nowrap; is not needed. If you use white-space:nowrap; the following will happen (check picture)