• 解決済 tuna032

    (@tuna032)


    お世話になっております。

    Sparklingというテーマを使用しています。
    ナビゲーションメニューを設定したところ、下記のような形になりました。

    (PC:ヘッダー)
    ブログタイトル  メニュー1 メニュー2

    (スマホ:ヘッダー)
    ブログタイトル  |三| ←このボタンをタップすると下にメニューが出る
    メニュー1
    メニュー2

    これを、パソコンから見たときはヘッダーにメニューが表示されないように
    するには どのようにしたらいいでしょうか?
    スマホで見たときにボタンを押すとメニューが出てくる仕様は便利なので使いたいのですが、
    PCで見た時にブログタイトルの横にメニューが表示されているので、それを非表示にしたいです。
    ご教授お願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • 非表示にするだけでしたらスタイルシートで行うのでは期待に添いませんか?

    トピック投稿者 tuna032

    (@tuna032)

    お返事ありがとうございます。

    私のやり方が悪いのか、スタイルシートでは変更できませんでした。
    どのようにすればいいか、具体的に教えたいただけないでしょうか?

    Sparkling テーマを使っていないので、クリティカルなことは助言できませんが、
    メディアクエリで PC , スマホそれぞれで違う値にしてはどうでしょう。
    テーマが PC, スマホのどちらをベースに書かれているのかで異なるでしょう。

    ちなみに、こちらのテーマはカスタマイズで数値を自由に指定できます。それの設定次第では PC 表示の時もハンバーガーメニュー(|三| ←このボタン)になります。このテーマを使用しないとしても、発想の持ち方と、どういう仕組で書かれているのかを学ぶ参考になるでしょう。
    https://ja.wordpress.org/themes/siteorigin-north/

    トピック投稿者 tuna032

    (@tuna032)

    お返事ありがとうございます。

    常にハンバーガーメニューを表示することにしました。
    (|三|←の名前を知りませんでした。教えていただいてありがとうございます)
    ありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ナビゲーションメニューをPCで非表示にしたい」には新たに返信することはできません。