人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

1433780604
●拡大する

●質問者: 諸行無常マン
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

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


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

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

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

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

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


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


諸行無常マンさんのコメント
ありがとうございます!!!!本当に直りました!半日かけていろいろ試してもさっぱりだったので、拍子抜けすると同時に驚いてます。本当に、ありがとうございました!

a-kuma3さんのコメント
この Breeze というテーマって、わりと最近作られたやつで、普通に作れる人が作ったみたいです。 http://www.sho-yamane.me/entry/2015/05/16/142157 なので、テーマが修正されるかもしれないです。 テーマの方を修正されちゃうと、今度は閉じる中括弧がひとつ多くなります。 見た目がこうなったら、テーマの方が修正されたということなので、デザインCSS の方も修正してください。 f:id:a-kuma3:20150609084300p:image

諸行無常マンさんのコメント
ありがとうございます!不具合見つけたら修正します!ほんとに感謝します!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ