Here’s the CSS to split TOC in 2 columns (adaptive)

/* 2 column for Easy Table of Contents */
@media only screen and (min-width: 768px) {
#ez-toc-container ul {
-webkit-column-count:2;
-moz-column-count:2;
-ms-column-count:2;
-o-column-count:2;
column-count:2;
-webkit-column-gap:30px;
-moz-column-gap:30px;
-ms-column-gap:30px;
-o-column-gap:30px;
column-gap:30px;
columns:2;
}
#ez-toc-container p.ez-toc-title {
    text-align: center;
    padding-bottom: 0.8em;
}
}

Suggestion: setup Appearance > Width to 100%

Credits: https://fatstacksblog.com/table-of-contents-plus/#comment-12985
I just adapted the code to this plugin, made it screen-size adaptive, added some more gap between columns, changed title align and padding for a better UX.

• This topic was modified 3 years, 4 months ago by masvil.
• This topic was modified 3 years, 4 months ago by masvil.
• This topic was modified 3 years, 4 months ago by masvil.