1433780604 デザインをcssでグローバルメニューを某サイト様を参考に設置しました。プレビューだと綺麗に表示されている(画像添付ご参照)のですが本番環境ですとこのようになってしまいます。なぜでしょうか。。。

http://saborimakuri.hatenadiary.jp/

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2015/06/09 02:58:30

ベストアンサー

id:a-kuma3 No.1

回答回数4972ベストアンサー獲得回数2154

これ、使ってる Breeze というテーマが悪いんです。
スマホ用のスタイルを指定してるところで、最後に中括弧がひとつ足りてない。
それで、追加した CSS がスマホ用にしか効いてない。
試しに、ブラウザのウィンドウの幅を狭くしてみてください。
ね? :-)


んで、対応方法なんですが、使ってるテーマを変えるか、このテーマを使いたいのであれば、以下のように変更します。
今、デザインCSS のところには、以下のように書いてますよね。

/* グローバルナビ */
#dropmenu {
    list-style-type: none;
    width: 100%;
    ...

それを、以下のように先頭に閉じる中括弧をひとつ足してみてください。

}   /* ★ この中括弧を足してみる */

/* グローバルナビ */
#dropmenu {
    list-style-type: none;
    width: 100%;
    ...


# それか、テーマの作者に修正してもらうか、ですかね...

他1件のコメントを見る
id:a-kuma3

この Breeze というテーマって、わりと最近作られたやつで、普通に作れる人が作ったみたいです。
http://www.sho-yamane.me/entry/2015/05/16/142157

なので、テーマが修正されるかもしれないです。
テーマの方を修正されちゃうと、今度は閉じる中括弧がひとつ多くなります。
見た目がこうなったら、テーマの方が修正されたということなので、デザインCSS の方も修正してください。
f:id:a-kuma3:20150609084300p:image

2015/06/09 08:47:23
id:mousoumen

ありがとうございます!不具合見つけたら修正します!ほんとに感謝します!

2015/06/10 01:36:27

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません