【Cocoon】目次遷移先の位置調整

Cocoon Child: スタイルシート（style.css）に追加

span[id^="toc"] {
padding-top: 2.6em;
}
/*834px以下 スマホ縦画面 */
@media screen and (max-width: 834px){
span[id^="toc"] {
padding-top: 3.2em;
}
}
/*480px以下 スマホ縦画面 */
@media screen and (max-width: 480px){
span[id^="toc"] {
padding-top: 3.8em;
}
}

Cocoon！目次クリック直後、見出しに余白を入れスッキリ見やすく！コピペCSSカスタマイズ

目次をクリックして見出しに飛ぶと、特にh2タグは見出しデザインが見切れて見えますよね。Cocoonの目次機能を有効化して、CSSにコピペするだけで目次クリック後の見出しがシッカリ見えるようになるので、チェックしてみてくださいね。Cocoon

bibabosi-rizumu.com