# SnowMonkey：ハンバーガーメニュー表示のブレイクポイント変更（1024→992px）

◆変更内容
・SnowMonkeyのデフォルトブレイクポイントが1024pxだが、bootstrapなど一般的なタブレットのMAX解像度は現状992pxが最適とされているため変更
・SnowMonkeyフォーラムに同様のスレッドがあるが、記事が古いせいか役に立たなかった
https://snow-monkey.2inc.org/forums/topic/%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc%e3%82%ac%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%87%ba%e7%8f%be%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f/

◆変更ファイル（子テーマ使用）
style.scss

---

//992px以下でハンバーガーボタンを表示するように変更 */

//ハンバーガーメニュー（1024px）一旦打消し
@media (max-width: 64em) {
  .u-invisible-lg-up {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px) !important;
    visibility: hidden !important;
  }
}

//ハンバーガーを992px以下で表示するよう設定
@media (max-width: 62em) {
  .u-invisible-lg-up {
    position: static !important;
    clip: auto !important;
    visibility: visible !important;
  }
}


//ヘッダーメニューを993px以上で表示するよう設定
//992px以下非表示はデフォ設定になっているため不要
@media (min-width: 993px) {
  .u-invisible-md-down {
    display: flex !important;
  }
}