[土居 安佳里]

おお、これで良かったんですね。

制作者以外でこういうことをするかどうか微妙なので、今の対応でいいように思います。

ありがとうございました！

♥ 0

いいねをした人: 居ません

[土居 安佳里]

あ、今もう一回トピック開いて書こうかと思ってたところでした。
他にも困っている方がいるかもしれないと思ったので…！

私が解決した方法は以下になりますが、もしもっといい方法があればぜひ教えてください！

/* （例）グローバルメニューを1286px未満でハンバーガーボタンを表示するように変更 */

@media (min-width: 64em) {
  .u-visible-lg-up {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px) !important;
    speak: none !important;
    visibility: hidden !important;
  }
}

@media (min-width: 80.375em) {
  .u-visible-lg-up {
    position: static !important;
    clip: auto !important;
    speak: normal !important;
    visibility: visible !important;
  }
}

@media (min-width: 64em) {
  .u-hidden-lg-up {
    position: static !important;
    clip: auto !important;
    speak: normal !important;
    visibility: visible !important;
  }
}

@media (min-width: 80.375em) {
  .u-hidden-lg-up {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px) !important;
    speak: none!important;
    visibility: hidden!important;
  }
}

ここでタグを書くのこれでいいのかな(；´Д｀)
タブがなくなってしまった。

要は64emを打ち消さないと変更されないので、打ち消しの記述を入れてから、再度指定したい幅で入力しなおす、という感じで解決されました。

モバイルメニュー時のようにヘッダー固定されませんが、PCメニューの固定があるので問題ありません。

どうでしょうか！

♥ 0

いいねをした人: 居ません

[土居 安佳里]

やはりそうなんですね。

1100とか1200とか、もっと早くハンバーガーにしたいので、その場合はCSSしかなさそうですね。

確かに普通にdisplay:noneとかじゃないなーと思ってました（笑）
なんか難しいことしてはるなーと。
ちょっと見てみます。ありがとうございました！

♥ 0

いいねをした人: 居ません

[土居 安佳里]

嬉しいです！！ありがとうございました！！！！

♥ 0

いいねをした人: 居ません

[土居 安佳里]

うおお、そこでしたか！カスタマイザーでブログトップ表示してそこも試したんですが表示されず、こちらの回線が不安定だったのかもしれません。
「アーカイブページ上部」はカテゴリーなどのアーカイブページということですね。
ありがとうございました！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿