スマホのメニューについて < ご要望

不具合報告では、その現象が確認できるURLを添えて、ご報告ください。
(+できれば画像も添付していただければ助かります。)

トピックを立てる前にチェックしてね!
  1. 初めてご利用の方は、 「フォーラムガイドライン」・「よくある質問」・「SWELLでの非推奨プラグイン」に一度は目を通しておいてください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. WordPressでの不具合が全てテーマによる不具合だとは限りません
    本当にテーマによる問題かどうか、プラグインを見直して解決しないかどうかも先に検証しておいていただけると、非常に助かります。
  4. まずはGoogleで検索してみて、自力で解決できる問題かどうかを調べてみてください。
    ここで質問しようとしている内容をそのまま検索すれば答えが見つかるかもしれません。
スマホのメニューについて
 
通知
すべてクリア

[解決済] スマホのメニューについて

sos
 sos
(@sos)
Active Member

swellを購入しコーポレートサイトとして開発を進めています。

(バーガー?)メニューをスマホ限定ではなくPCでも使えるように
したいのですがご検討宜しくお願い致します。おそらくPCとスマホで
見せ方を切り替えているのが今の仕様だと思いますので、実装のご検討と
実装方法につきましてご検討お願いします。

現状はsp_btns.phpの[sp_]を消してPCでもメニューボタンを表示
させました。8割いけそうでしたが、PCではメニューをクリックしても
開かない状態でこの度フォーラムにご相談いたします。

① 添付のようにヘッダーにはアクション用にボタンをブログパーツで作成。
ボタンをセットしたためPCでもバーガーメニューを実装する必要が出た。

② <div class="l-header__menuBtn sp_">⇒<div class="l-header__menuBtn">
へ書き換え。

③ PCでヘッダー部分に下層ページのメニューが自動で出てしまうため、
外観のメニュー機能にPCメニュー非表示というメニューを作成し
0個のメニューを作成。←こちらも④と同時に機能ONOFFで設定出来たらなと。。

④ スマホ用のメニューを概観のメニュー設定より実装。
こちらがPCでは開かず開いてほしい。

よろしくお願い申し上げます。

引用
Topic starter 投稿済 : 14/12/2020 2:03 pm
了
 
(@ryo)
メンバー Admin

SWELLの現状としてはそこをPCで表示する想定をしていなかったのですが、3.0のメジャーアップデートを行う時にはPCでも表示できるようにする予定です...!

ちなみにですが、僕が最近制作中のArkheという無料テーマであれば、PCでもスマホメニュー使えます...!

返信引用
投稿済 : 21/12/2020 1:35 pm
しらこ 件のいいね!
了
 
(@ryo)
メンバー Admin

あと一応ですが、ボタンを表示させたようにメニュー本体部分のdisplay:noneも打ち消すとPCでも無理やり使える気がします!(無理だったらすみません)

返信引用
投稿済 : 21/12/2020 1:36 pm
sos
 sos
(@sos)
Active Member

ありがとうございます。

こちらですが今回はdisplay:noneで打ち消す方法で解決しました!
(CSSで表示したらボタンもバーガーメニューも動いてました!)

Arkheも興味ありますがもう少し、swell勉強します!

返信引用
Topic starter 投稿済 : 23/12/2020 3:54 pm
件のいいね!
共有: