テーマSightのメニューについて
-
こんばんわ。
ただいま少々困っております。どなたかお分かりの方がいらっしゃったらぜひお教えください。こちらのテーマSightを使用しています。ナビゲーションメニュー(グローバルメニュー?)がドロップダウンメニューになっているのですが、2段目のテキストが1段目の幅で表示されるので2段目を改行されることなく表示されるにはどうしたらよいのでしょうか?
CSSのナビゲーション部分は下記になります。
style.css /*** Navigation ***/ .nav {border-top: 1px solid #d9d9d9;} .dd {height: 48px;} .dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 13px; text-transform: uppercase;} .dd li a {color: #000; text-decoration: none; display: block; padding-top: 18px; margin: 0 14px; white-space: nowrap;} .dd li a:hover {text-decoration: underline;} .dd li ul {position: absolute; padding: 8px 0 10px; visibility: hidden; background: #000; z-index: 100;} .dd li ul li {float: none; border: none; font-size: 11px; text-align: left; margin: 5px 0; padding: 0 8px;} .dd li ul li a {color: #fff; display: inline; margin: 0 !important; white-space: normal; padding-top: 0;} .dd li.dd_hover {background: #000;} a.dd_hover:hover {text-decoration: none !important;} .submenu a:hover {text-decoration: underline;} .dd li.parent a {margin: 0 8px; padding-right: 12px; background: url("images/dd.png") 100% 24px no-repeat;} .dd li.parent a.dd_hover {color: #fff; background: url("images/dd_hover.png") 100% 24px no-repeat; margin: 0 8px; padding-right: 12px; border-bottom: 1px solid #fff; padding-bottom: 10px;}
.dd li ul li a {color: #fff; display: inline; margin: 0 !important; white-space: normal; padding-top: 0;}
こちらの white-space: normal;部分を削除して文字は改行せずに表示させれたのですが、
メニュー背景の色(黒い部分)は1段目の横幅のままで、いろいろと試してみたのですがまだCSSの勉強を始めたばかりで上手くいきませんでした。
どこを直せばよいのかお教えいただければとても助かります。よろしくお願いします。
5件の返信を表示中 - 1 - 5件目 (全5件中)
5件の返信を表示中 - 1 - 5件目 (全5件中)
- トピック「テーマSightのメニューについて」には新たに返信することはできません。