土居 安佳里

フォーラムへの返信

4件の投稿を表示中 - 16 - 19件目 (全19件中)
  • 投稿者
    投稿
  • 土居 安佳里
    参加者
    3

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

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

    /* (例)グローバルメニューを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
    土居 安佳里
    参加者
    3

    やはりそうなんですね。

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

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

    0
    土居 安佳里
    参加者
    3

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

    0
    土居 安佳里
    参加者
    3

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

    0
4件の投稿を表示中 - 16 - 19件目 (全19件中)