このような凄い方達がいるサイトでこのような質問をして良いのか分かりませんが知恵袋やgooなどで質問しても回答がないので宜しくお願いします。
レスポンシブWEBデザインのHTMLテンプレートでホームページを作成しましたがサーバーにアップロードしてスマートフォンで確認するとメニューバー(ナビ)がうまく作動しません。詳しい方是非、教えて下さい。
PCでは画面幅に応じて作動してくれます。
スマートフォンではナビバーが縮小せずに表示されてしまいますので本文が隠れてしまいます。テンプレートはメニューが多かったので5項目にしましたが結局その分が縮小されただけでスマホ画面の半分以上がメニューで覆われてしまう為、本文が見れません。
PCのような作動をさせる為にはどのようにしたらよろしいのでしょうか?
AUのスマホ、Docomoのスマホの両方で確認しましたが同じ結果でしたが、AUの画面幅の広いスマホではうまく作動しました。
言っている意味が分かりにくいかもしれませんがデモページをスマートフォンにて読み込んで頂けると分かると思います。
ダウンロードしたデモページはこちらです↓
http://html5up.net/uploads/demos/helios/
宜しくお願い致します。
ちなみにダウンロードしたサイト(無料)はこちら↓
http://html5up.net/
のHeliosテンプレートをダウンロードしました。
![イメージ説明]WIDTH:320
左画像がPCで画面幅を狭くした状態で右画像がスマホで読み込んだ状態
メニューバーが完全に伸びた状態で縮小する事すらできない。。
回答6件
あなたの回答
tips
プレビュー