質問 > フロント機能 > スマホで表示されるドロワーメニューをPCでも表示させたい。 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
poporon |
投稿日時: 2018/8/7 23:51
対応状況: −−−
|
新米 登録日: 2016/1/17 居住地: 投稿: 6 |
スマホで表示されるドロワーメニューをPCでも表示させたい。 スマホでの表示と同じように、PCでも、サイトを開いたときにはカテゴリメニューが非表示で、ハンバーガーボタンをクリックすると、ドロワーメニューがサイドから表示されるようにしたいと考えております。
CSSのメディアクエリを色々いじったのですが、どうもそれでは無理なようで、誠に恐れ入りますが、どのファイルをどのように直せば良いのかご教授頂けませんでしょうか? 当方、htmlとCSS等は独学で、EC-CUBE3のサイトは何年か運営しております。 何卒よろしくお願いいたします。 ---------------- [EC-CUBE] 3.0.14 [レンタルサーバ] エックスサーバー [OS] Windows 10 [PHP] 7.2.6 [データベース] MySQL5.7 ---------------- |
468 |
投稿日時: 2018/8/8 12:35
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: スマホで表示されるドロワーメニューをPCでも表示させたい。 常にスマートフォン向けの表示をさせるという訳ではなく、
メインコンテンツはPCレイアウトのまま、ハンバーガーメニューを表示させるという事でしょうか? 私はCSSが専門ではないので、感覚的な意見ですが、 パッと対応できるような内容ではない、のではないかと思います。 メディアクエリによるスタイルの切り替えと、 /html/template/default/js/function.jsの5~37行目のjavascriptで ドロワーの動きを制御していると思いますので、 その辺りを確認していく必要があるかと思います。 CSSについては、どこの記述が適用されているのか、 CSSの内容が複雑すぎて、とてもじゃないですが、説明できません。 ブラウザのデベロッパーツールで確認しながら、該当の記述を確認していくのが確実かと思います。
|
poporon |
投稿日時: 2018/8/13 21:26
対応状況: −−−
|
新米 登録日: 2016/1/17 居住地: 投稿: 6 |
Re: スマホで表示されるドロワーメニューをPCでも表示させたい。 468さま、
すぐにご回答を下さいまして、本当にありがとうございます。 本業の合間に作業をしておりましたため、御礼と検証が遅れて申し訳ございません。 はい、メインコンテンツはPCレイアウトのまま、ハンバーガーメニューを表示させたいと考えております。 頂いた情報を基に色々と作業をしてみて、簡単ではないことが理解できました。 中途半端にメディアクエリをいじるとPCのレイアウトがひどく崩れますし、メニューを直すとカートの位置も邪魔になったりと、CSSの修正が広範囲にわたりますね・・・。 ご教授頂いたfunctions.jsやデベロッパーツールを確認しながら、今やるべきかどうかも含めて、検討していきたいと思います。 大変感謝いたしております。本当にありがとうございました。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |