かおり さん
こんにちは、

 かおりさんのページの目次の数字がはみ出していることをiphoneで確認しました。

ただ、この目次表示は「目次」部分がセンタリングされています。
これは、通常のことで、何もカスタマイズなどはしていないのでしょうか？
（私のサイトの「目次は、全部左寄せになっています」）

カスタマイズしていないとしたら、WordPressバージョン：6.2.2　のせい？

私のサイトはまだ、6.1.3です。（Cocoonバージョン：2.6.0.1は、同じです。）

p.s.

　　他の人のサイト(v6.2.2　& Cocoon 2.6.0.1)で、目次のはみ出しがないサイトも確認できました。

　　（やはり、何かカスタマイズされているとか？）

私のサイトは、以下の様にセットしているのですが、表示は、左寄せになっています。

実は・・・。

私のスマホ(Android/Chrome)で閲覧すると、以下のように、この事象が発生していないんです。

すいません。回答になっていなくて。

私の、iphoneからは、Safariでもchromeでも

添付の様になっています。

@yamachan11 さん

投稿者:: @yamachan11

↑

ただ、この目次表示は「目次」部分がセンタリングされています。
これは、通常のことで、何もカスタマイズなどはしていないのでしょうか？

iPhoneXr、Safariで確認しましたが、目次の章番号がはみ出ます。

はい、皆さん仰るとおり、iOS系ではこの事象が発生しているのだと思います。

ただ、私の保有している環境では発生していないため、私は確認ができないという感じです。

かおりさん

先程書いた以下の件ですが。

投稿者:: @mk2_mk2

↑

高速化機能（CSS等の縮小化）はお問い合わせ時には、無効化していただけると助かります。

ページキャッシュプラグインの影響かもしれないです。

投稿者:: @kaorishokuji-takuhai

↑

WP Fastest Cache 1.1.5

お問い合わせ時は、キャッシュのクリアか、このプラグインを無効化してください。（設定変更が反映されず、最新の状態の確認ができないため）

目次の近辺のソースを少し見てみました。
気になったところは以下です。

<div id="toc" class="toc tnt-number toc-center tnt-number border-element">
<input type="checkbox" class="toc-checkbox" id="toc-checkbox-1" checked>
<label class="toc-title" for="toc-checkbox-1">目次</label>
  <div class="toc-content">
    <ol class="toc-list open">
      <li><a href="#toc1" tabindex="0">ベネッセのおうちごはんは冷凍と冷蔵あり！</a></li>
      <li><a href="#toc2" tabindex="0">ベネッセの宅配弁当はまずい？</a></li>
      <li><a href="#toc3" tabindex="0">医療・介護食専門メーカーがベネッセ宅配食を製造！</a></li>
      <li><a href="#toc4" tabindex="0">ベネッセのおうちごはん 配達～調理まで</a></li>
      <li><a href="#toc5" tabindex="0">ベネッセのおうちごはん口コミ</a>
        <ol>
        <li><a href="#toc6" tabindex="0">バランス健康食「豚肉のみぞれ煮」</a></li>

以下省略

と記載されていますが、クラスの定義が見当たりません。
.toc.tnt-number の定義も、見つからない。
.tnt-number　の定義も見つけることが出来ませんでした。

.tnt-number .toc-content{counter-reset:li}
.toc.tnt-number ol.toc-list{list-style:none;padding:0}
.tnt-number ol.toc-list>li::before{display:inline-block;content:counter(li,decimal);counter-increment:li;margin-right:.5em;wi
dth:20px;height:20px;line-height:20px;font-size:.8em;border-radius:10px;text-align:center}
.toc.tnt-number .toc-list ol{list-style:none}
.tnt-number ol.toc-list ol li::before{display:inline-block;content:"";width:8px;height:8px;margin:0 5px 1px 0;background:currentColor;border-radius:4px;opacity:.7}
などが、必要と思いますが、どうでしょうか？
（以前は通常に表示されていたことと、IOS系以外は通常表示は謎ですが、・・・・・・・・）

--------------------------------------------
.tnt-number-detail .toc-list{padding-left:0}
.toc.tnt-number-detail ol{list-style:none;counter-reset:toc}
.toc.tnt-number-detail ol li:before{margin-right:0px;counter-increment:toc;content:counters(toc,".")"."}
などは、定義されている様ですが、、、、

投稿者:: @yamachan11

↑

などが、必要と思いますが、どうでしょうか？

Yamachan11さま、mk2さま、chu-yaさま、お忙しい中、色々ご確認くださって、どうもありがとうございます！！

Yamachan11さま

カスタマイズは何も行っておりません。

申し遅れましたが、テーマのアップデート直後にWordPressのアップデートも行いました。ですので、WordPressを最新バージョンにしたせいでこの事象が起きているのかもしれません。

mk2さま

高速化機能は無効化してございます。
先程キャッシュをクリアし、WP Fastest Cache の無効化も行いました。

chu-yaさま

詳しくお調べくださって、どうもありがとうございます。

引き続きよろしくお願いいたします。

かおりさん

投稿者:: @kaorishokuji-takuhai

↑

高速化機能は無効化してございます。
先程キャッシュをクリアし、WP Fastest Cache の無効化も行いました。

高速化を無効化しても、ページキャッシュプラグインが有効であったため、結果的に高速化が有効な時と同じく、ソース等が縮小化されたままだったということです。

お問い合わせの際は、必ずページキャッシュプラグインのキャッシュクリアか、無効化してください。

ちなみに、現在もページキャッシュプラグインは有効のようですが、キャッシュクリアはされているようですので、確認に支障はないと思います。

（まだスマホですので、確認はできないのですが）

@mk2_mk2 さま

投稿者:: @mk2_mk2

↑

高速化を無効化しても、ページキャッシュプラグインが有効であったため、結果的に高速化が有効な時と同じく、ソース等が縮小化されたままだったということです。

なるほど、わかりました。

プラグインの無効化についてはしっかり確認していなかったようです。失礼しました。

先程無効化いたしました。

ありがとうございました。

分かった事があり、情報共有の為、記述します。

[Cocoon設定]→[目次]→目次ナンバーの表示「数字（デフォルト）」
かと思います。
別件でスキン「カラフルライン」に問題があり。
https://wp-cocoon.com/community/postid/70721/

この対策を適用し、Safariで表示すると、目次枠内から章番号がはみ出す事なく。
※結果だけで、原因（問題発生アルゴリズム）が分からず。

Cocoonの最新版、iPhoneXr、Safariで確認。
目次枠内に収まるようになり。

@chu-ya さま

ご親切にお調べくださって、どうもありがとうございます。

投稿者:: @chu-ya

↑

別件でスキン「カラフルライン」に問題があり。
https://wp-cocoon.com/community/postid/70721/

こちらも拝見しました。ありがとうございます。

テーマを最新版2.6.0.3にアップデートしたのですが、私のiPhone12では、目次の数字が枠外に出る状態に変化はありません。

引き続きよろしくお願いいたします。

@kaorishokuji-takuhai さん

図示するCSSを見ると、バグ対策中（公式リリース前）のソースではありません。

以下のマニュアル記載の手順に従い。
https://wp-cocoon.com/downloads/

GitHubから最新版をダウンロード願います。
https://github.com/xserver-inc/cocoon

@chu-ya さま

ご指摘どうもありがとうございます。

GitHubから最新版をダウンロードしたところ、目次が正常に表示されるようになりました。

わいひら様、chu-ya様、皆さま、どうもありがとうございました！！

すいません。
こちらのトピックを見逃していました。
解決されたようで良かったです。
chu-yaさんトピックを立てていただきありがとうございます。