HOME フォーラム Lightning [ 解決済 ] プルダウンメニューの幅を広げて改行しないようにしたい

このトピックには2件の返信が含まれ、2人の参加者がいます。1 年、 7 ヶ月前 kazumi さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #10175

    kazumi
    参加者

    はじめまして。
    初心者すぎて、色々調べても分からないので助けてください!

    プルダウンメニューの文字が改行されるのを避けるために
    プルダウンメニュー幅を広げるために追加CSSを下記のように入れました。

    /* プルダウンメニューを横に広げる */
    .menu {
    white-space: nowrap;
    }

    しかし、文字が見切れてしまいます。

    文字を半角にするのを避けたいので、何とか方法ありましたらご教授お願いしたいです。
    質問も初めてなので拙くて申し訳ありません☆

    宜しくお願い致します。

    #10181
    じょに次郎
    じょに次郎
    モデレーター

    うーんと、プルダウンとはヘッダーのメインメニューの子階層の事ですか?

    @media (min-width: 992px){
    ul.gMenu>li>ul.sub-menu li {
        width: 340px;
    }
    }

    とかでいけませんかね。
    孫メニューがある場合はまた別の指定が必要がありますが…

    #10186

    kazumi
    参加者

    じょに次郎さん、ありがとうございます!!

    はい、メニューの子階層の事でした。
    (ここで質問と一緒に画像添付の仕方が分からず・・・)

    早速、追加CSSに
    ul.gMenu>li>ul.sub-menu li {
    width: 340px;
    }
    を張り付けてpx微調整したら
    無事解決してきれいに文字が入りました☆

    これからも勉強しながらカスタマイズ楽しんでいきます!
    本当にありがとうございました(*´▽`*)

3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。