タブレット時に、お問い合わせが表示されない

「ヘッダーコンテンツ」が消えるということですかね？

先のトピックの方法は単純にヘッダー内のブレイクポイントを変えるだけなのでそうなりますね…。ブレイクポイント変更のために追加した CSS を消して、要件に合った CSS を改めて書くのが良いと思います。

どの画面サイズ（px）ごとにどう表示するのがベストなのか、要件を詳しく書いてもらえますか？ それにあわせて CSS を書いてみます。

現状は

• 0〜
  • ハンバーガーボタンとヘッダーコンテンツ（モバイル用）を表示
  • グローバルナビゲーションとヘッダーコンテンツ（グロナビ横）は非表示
• 1024〜
  • ハンバーガーボタンとヘッダーコンテンツ（モバイル用）は非表示
  • グローバルナビゲーションとヘッダーコンテンツ（グロナビ横）を表示

となっています。おそらく小山さんのやりたいことは上記のブレイクポイントを切り替えるだけではだめですよね？ タブレットサイズではグローバルナビゲーションは非表示にするけどヘッダーコンテンツ（グロナビ横）は表示とかをされたいんですよね？

なので、「どのブレイクポイントで切り替えるか」を決めるのはもちろんですが、「どの要素をどうする」というのも一緒にまとめて書いてほしいです。

ありがとうございます。

ブレイクポイントをどうするかはその制作者の考えによってまちまちなので…とりあえず僕が適当なブレイクポイントでで上記の表示を実現できるコードを提示して、そのあとブレイクポイントは小山さんが良いように調整してもらう、というのが良ないかと思いますがどうでしょうか。

スマホ縦・横、タブレット縦、タブレット横、という分け方はのは厳密には難しいと思います。端末（サイズ）は膨大にあるので、でっかいスマホの横は小さいタブレットの縦より大きいとかが無いとは言い切れないと思うので。

下記試してみてください。

/* 一旦打ち消す */
@media (min-width: 64em) {
  .l-1row-header .u-hidden-lg-up {
    position: static!important;
    clip: auto!important;
    speak: normal!important;
    visibility: visible!important;
  }
}

/* 再定義 */
@media (min-width: 1280px) {
  .l-1row-header .u-hidden-lg-up {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px)!important;
    speak: none!important;
    visibility: hidden!important;
  }
}

/* グローバルナビゲーション + ヘッダーコンテンツの表示を上書き */
@media (min-width: 64em) and (max-width: 1279px) {
  .l-1row-header .c-row__col.u-visible-lg-up {
    flex: 1;
  }
  .l-1row-header .c-row__col.u-visible-lg-up .c-row {
    justify-content: flex-end;
  }
  .l-1row-header .c-row__col.u-visible-lg-up .c-row .c-row__col--auto {
    display: none;
  }
}