ハンバーガーメニューが崩れてしまう。。。

Question

完成形
![

現状

デスクトップからhtmlのファイルを開くとハンバーガーメニューができているのですが、ファイルをwebにアップロードしたらなぜかハンガーメニューが崩れてしまいます。。。

理由を調べてもピンとくるものが見つかりません。。。
助けていただけると助かります。。。

サイトはhttp://pandaman1482.html.xdomain.jpです
よろしくお願いします。

Comments

[mai1210]

サイトを拝見したのですが、どうなるのが「正しい（理想としている）表示」なのかがわかりませんでした。。

「こうしたい（こうなるはずな）のに」「こうなってしまっている」というのを具体的に記載可能でしょうか？

[Lhankor_Mhy]

ページを拝見しましたが、崩れているようには見えませんでした。

期待した処理結果を書きましょう
https://teratail.com/help/question-tips#questionTips3-4-3

[Lhankor_Mhy]

スクリーンショットを拝見しましたが、下の方は、実際に表示されているページとは異なるようでした。
当方からは、上の方のように見えます。

[pandaman]

え、ハンガーメニューもできていたでしょうか。。。

[mai1210]

私の環境でも、上の「完成系」と同じように、きちんとハンバーガーメニューが右上に表示されました。

ＣＳＳのキャッシュだとしたら、（chromeの場合）Shift＋F5などでキャッシュクリアしてページ更新してみてください。

あとは「.drawer-open span」に「vertical-align: right;」という謎の記述があるので、そこを直してみるなどでしょうか。※vertical-align に rightという値はありません。

https://developer.mozilla.org/ja/docs/Web/CSS/vertical-align

[Lhankor_Mhy]

はい、そうですね。

[pandaman]

そうですか、失礼致しました。。。
mai1210様、Lhankor_Mhy様、コメントいただき助かりました。
本当にありがとうございました！！