Q&A
display:inline-block; にするとどうなりますか？
ワールドプレスのグローバルメニューの
プルダウンのサブメニューが
パソコンだと変な所で改行されて2行になってしまいます。
テーマはtwenty twelveです。
現在は下記の状態になっております
このサブメニューの幅を文字数に合わせて
1行に表示させたいです。（スマホだと1行でした）。
下記のCSSの｛ ｝の中を何かを追加すれば良い
という事だけ分かったのですが
ul.sub-menu li a {
}
検索してやっても上手くいきません
下記も試したのですが
ul.sub-menu li a {
margin-right: 100px !important;
}
下記の感じになりました。
これだとバーの幅は広くなりましたが2行はそのままでした。
しかもバーの幅が広くなった部分の色は
グローバルメニューと同じ色が追加された感じになりました。
いろいろ検索して試してもダメで
もうお手上げ状態です。
助けてください。お願いします。
回答ありがとうございます。
追加しましたが変化がありませんでした。
ん？あれ？テーマはって事はもしかしてwordpressとかですか？
て、ごめんなさい！タグを見たらwordpressと書いてましたね。見落としてました！すみません。一般のやつかと思ってました。ごめんなさい。
見落としのお詫びにググってみました。
このページ
https://affiliate150.com/menu-navigation
のサブメニューのカスタマイズのとこを見ると、あなたが書かれてるmargin-rightは
li a ではなく liの方に設定してるみたいですが、一度、このページのようにやるとどうなりますか？
こちらこそ、すみません。
本文にワードプレスと記載するのを忘れておりました。
紹介して頂いたサイトを見てやってみましたが
li a、liでも同じ結果になってしまいました。
バーが違う色で追加され文字も2行のままでした。
わざわざサイトまで調べて頂いたのにすいません。
この画像を拝見するに、このテキストの長さをサブメニューの横幅内に収めようとしたら、どうしても2行にならざるをえないと思うのですが、これを1行にしたらめっちゃ横幅広がりますよねえ。
同じテキストなのにスマホが1行で収まっているとするのなら、レスポンシブの方はかなりフォントサイズが小さいから収まってる てことじゃないかと思うのですが、
というか、通常、メニューのタイトルは出来るだけ短くする方が良いと思うので、どうにかテキストを短縮されるのが一番かと思うのですが。
こんにちは、回答ありがとうございます。
という事はプルダウンの項目は2行から1行になることは不可能という事ですね？
メニュー自体は短いのですが記事タイトルが長いんです。
キーワードが長いのでどうしても記事タイトルを短くは出来ないんです。
あ、また私説明不足でしたでしょうか。。。
メニューにマウスポインタを合わせた時に出るプルダウンです。
記事タイトル？子段階です。
多分どちらにしろ頑張っても1行にはならないという事なので諦めます。
何度もすみませんでした。ありがとうございます。
不可能ではないですが具体的には実際のコードがないのでなんとも言えません。
単純にサブメニューのwidthを
min-width:○○px; として最低値を入れといて可変型にすれば長さに合わせてサブメニューの長さが横に広がりませんかね？
改行禁止は
white-space: nowrap;
を入れてみるとどうなりますか？
遅くなってすみません。
やってみましたが変化はありませんでした。
諦めます。
ここまで教えて頂いてありがとうございました。
あなたの回答
tips
プレビュー
