即日上位表示サービスです
3日以内にトップ・ページに上がってこなければ全額返金致します。 ワードプレスのカスタマイズの 20万円相当のホームページを 全て差し上げます。 ドメイン無料 サーバー代無料 あり得ないサービス

賢威6.1のグローバルメニューのプルダウンの横幅を広げたい。

                                        ご訪問有難うございます。

LMFF 2013 - Paris Rnway 2 - by InStyle

の画像のグローバルメニューのドロップ・ダウンの部分ですが、赤丸で囲んでありますがSOS相談について

と書いてありますね。 て】 が、なんとなくいやなかんじですよね。なんか、余り物って感じなんです。

この【て】を何とかしようと思います。

サイトのヘッダー画像を含めたトップ・ページの画像です。

要するにプルダウンメニューの文字数が一個多すぎて長くて、改行されて2段になってみっともないですね。

■プルダウンメニューを横に広げる■

設定はダッシュボード>テーマ編集> design.cssのドロップダウンメニューのところにある

white-space: normal;

      ↓

white-space: nowrap;

これで、改行されなくなります。

そして

width: 12em;

   ↓

width: max;

簡単ですね。

■ドロップダウンメニューと次の子プルダウンメニューの間に罫線などを引きたい場合は。■
ダッシュボード>テーマ編集>design.cssのドロップダウンのところ、(/*ドロップダウンメニューのデザイン*/)と書いてある3行上のところの部分。

border-top: 0;

    ↓

border-top: dotted 1px;

細い点線をつけることが可能です。

変更後の画像です。

ドロップダウンの変更後の画像

【て】 

の文字が改行されていませんね。これでどんなに長くても2段3段にはなりません。

これで、長いドロップダウンメニューでも改行されたりしませんので気を使わずに表題がつけることが出来ます。

無理に短くすると意味がわからなくなったりしますし、かと言って2段のメニューではなんとなく不格好のような気がします。

photo by: Chealse V
» «

コメントを残す

サブコンテンツ

飯沼祐志

 

 

  飯沼祐志: 株式会社マルク代表

 

あなたの疑問に即時対応致します。

チャットで問い合わせ

お気軽にどうぞ。

 

自己紹介はコチラ

全記事一覧

Twitter でフォロー

変更後

このページの先頭へ