I prefer pure CSS rather than using plugin with script. I’ve limited to use plugins on my site. Anyway, thanks Tom for the suggestion. I decide to implement one of two methods below:
+I used “transform:translatex()” to reposition the left-side-bar in the first way. It’s very simple because I inserted TOC as a widget. I’m not sure I did the right way in term of ‘responsive’. What’s do you think?
+Another way is that I wanna insert the TOC inside the left-sidebar using hook with a div with class “floating container” which contains [TOC-shortcode] to control the sticky TOC. Will I use the hook “before-content-left-sidebar”?
My code that I want to insert is <div class=“floating-container”> [TOC-shortcode] </div>
The HTML mark-up is:
insert my code here