やり方だけを書くと、添付画像のメディアクエリのdisplayを非表示にするコードをCSSで書いて、「820px未満」で表示するコードを書き加えればできるかと思います。

@yhira 返信ありがとうございます。

すみません、CSSの知識が浅くて、添付された画像のどこを書き加えるのか分からないです・・・。

max-widthを820pxにするのですか？

前略、kanzume9 さん

1023pxのメディアクエリを打ち消した後に、あらためて、820pxのメディアクエリを書く感じですかねぇ・・

適当なので、うまくいかないかもしれません。

.mobile-menu-buttons {
  display: none;
  align-items: center;
}

.no-mobile-header-logo #header .logo-header {
  display: block;
}

.mblt-header-mobile-buttons {
  margin-top: 0;
}

@media screen and (max-width: 820px) {
  .mobile-menu-buttons {
    display: flex;
    align-items: stretch;
  }
   .no-mobile-header-logo #header .logo-header {
    display: none;
  }
  .mblt-header-mobile-buttons {
    margin-top: 46px;
  }
}

@kanzume9 さん

１か所変えると、関連してあちこち変えないといけないんですよね。

グローバルメニューが消える位置も変えないとメニューがなくなっちゃう幅域ができちゃいますね。

あまり、おススメするカスタマイズじゃないかもしれません。

Cocoon設定で、設定を変えたりすると、また、やり直さないとならなくなっちゃいますし・・

.mobile-menu-buttons {
  display: none;
  align-items: center;
}

.no-mobile-header-logo #header .logo-header {
  display: block;
}

.mblt-header-mobile-buttons {
  margin-top: 0;
}

.mblt-header-mobile-buttons .menu-pc {
  display: flex;
}


@media screen and (max-width: 820px) {
  .mobile-menu-buttons {
    display: flex;
    align-items: stretch;
  }
   .no-mobile-header-logo #header .logo-header {
    display: none;
  }
  .mblt-header-mobile-buttons {
    margin-top: 46px;
  }
  .mblt-header-mobile-buttons .menu-pc {
    display: none;
  }
}

いろいろさんざん試して、フォーラムでの多くの意見も取り入れて、多方面のバランスをとった結果、1023pxになっているんですよね。

@kanzume9 さん

プラグインのClassic EditorはCocoonでは不要です。Cocoon設定→「エディター」タブ→「Gutenbergエディターを有効にする」のチェックを外して「変更をまとめて保存」でクラッシックエディターになります。

あと、WordPressを日本語環境で利用する場合は、プラグインの「WP Multibyte Patch」のインストールは必須なんだそうです。

インストールしておいた方が無難かもしれません。

リフィトリーさんの仰る通り・・・。

投稿者:: @leafytree

１か所変えると、関連してあちこち変えないといけないんですよね。

だと思います。

メニューを消すと、その領域が空いてしまうので、そこも消す必要が発生。
更にはヘッダーロゴも消えているので復活・・・などなど。

そしてちょっと思うのは・・・。

iPadって、縦長画面で幅834pxだったような気がします。
（保有しておりませんので、確証はないですが。）

ご要望の通りの場合。

iPadの縦長画面で閲覧すると、ヘッダーメニュー・グローバルメニューがない。
そして、サイドバーもない。
（メインカラムしかない。）

そういう状態が発生するなぁ・・・とは思います。
調整しようとすると、ちょっと大変という印象です。

【追記】
モバイル時のサイドバーは、下に表示させているんでしたね。

リフィトリーさん、大変有用なアドバイスありがとうございます。おかげさまで、いただいたコードで望んでいたものは叶いました。

この機会にプラグインの整理をやっておきます。ご丁寧な解説、本当に助かります。

mk2さん、Cocoonの最適化されている設定を無理やり変更しているのは私も承知です。しかし、どうしてもPCを画面分割したときに、カテゴリを表示させたいという私のわがままで無理を言ってしまいました。

iPadの幅に関しては知りませんでした。数個のタブレットの比しか調べてなかったので・・。有益な情報ありがとうございます。