投稿者:: @A

840px以上は「cocoon設定」→「ヘッダー」→「ヘッダーレアイウト」で「トップメニュー（右寄せ）」の状態に。

840以下は「センターロゴ（デフォルト）」状態に。

840px以上と、840px以下だと840px時点の設定がかぶってしまいます。正確にはどういった仕様なのでしょうか。
また、フォーラムの案内にもありますように実際のページのURLを提示していただいてよろしいでしょうか。

不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください

ただ、仕様がわかったとしても、サポートの対象外のケースにありますように、細かなカスタマイズはサポートの対象外とさせていただいています。
なので、コードを書くとしてもヒント程度になるかもしれません。

返信遅れてすみません。

正確には、「８４０px以上と８３９以下px」という意味です。

このような質問がでましたのは、ぽんひろさんや他の方のカスタマイズ「スマホメニューを横スクロールにする方法」を参考にしたためです。

参照ＵＲＬ： https://ponhiro.com/cocoon-mobile-menu-customize/

現状の自分の知識でスマホメニューを横スクロールにするには、カスタマイズ紹介のcssをコピペし、cocoonの設定を「センターロゴ（デフォルト）」にしていなければなりません。というもの、設定を「トップメニュー（右寄せ）」にすると、スマホでスクロールができなくなるからです。

しかし、ＰＣ画面ではデザイン的に「センターロゴ（デフォルト）」ではなく、「トップメニュー（右寄せ）」状態にしたいと考えています。

そのため、840pxを境に両方を満たせるカスタマイズ相談をしました。

840pxというのは、その辺りでヘッダーメニューからヘッダーモバイルメニューに切り替わる横幅ということでとくに深い意味はありません。

対象ページＵＲＬ： https://gizwolf.com/hearb-hearb-recommend-boooks/

現在は、「ヘッダーレアイウト」を「トップメニュー（右寄せ）」状態にしているため、スマホメニューが横スクロールできない状態です。

>ただ、仕様がわかったとしても、サポートの対象外のケースにありますように、細かなカスタマイズはサポートの対象外とさせていただいています。
なので、コードを書くとしてもヒント程度になるかもしれません。

了承しました。

独自カスタマイズの不具合はサポート対象外とさせていただいているので、ヒントだけ書きます。

子テーマのstyle.cssに以下を貼り付け、839px以下に書くものは、メディアクエリ内に書くとできるかと思います。

/*839px以下*/
@media screen and (max-width: 839px){
  /*ここにコードを書く*/
}

ありがとうございます。

「スマホとＰＣ表示でヘッダーレイアウトを変更する」方法

もしくは、

「ヘッダーレイアウトはそのままに、cssを変更し横スクロールさせる」方法

のどちらかで解決に挑んでみます。