[キタジマ タカシ]

あ！わかりました！

'<div class="wpco__title">$1</div>"',

を

'<div class="wpco__title">$1</div>',

にしてみてください！

♥ 0

いいねをした人: 居ません

[Takeru]

できました！

ありがとうございます＼(^o^)／

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

これは h3 から生成された目次について、ということであっていますでしょうか？ h2 から生成された目次についてはほぼ問題なさそうかなと…。

こちらもご確認お願いします。

♥ 0

いいねをした人: 居ません

[Takeru]

そうでした、すみません。

自分の手持ちのiPhone8だとどうしても表示がずれているようで…

PCだとh3がテキスト位置が「●」より少し上、スマホだとh2,h3ともにテキスト位置が「●」より下になっています。

PC、スマホや端末によって違ってくるんですかね…？

slackの方でスクショお送りしてもよろしいですか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

環境によってフォントが変わることがあるので、可能性はありますね。そういう意味では iPhone8 でぴったりにしたからといって、他の環境でずれる可能性はあります。

ひとまず、ちょっとずらすサンプルです。適宜数値を調整してみてください。

.wpco .contents-outline ol a:before {
    margin-top: calc(1em - 1px);
}

.wpco .contents-outline ol ol a:before {
    margin-top: calc(1em - 3px);
}

♥ 0

いいねをした人: 居ません

[Takeru]

まだズレるようなので…

数値調整してみます。ありがとうございます！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿