Advanced Usage

In order for Theia Sticky Sidebar to work, your website’s HTML structure should be similar to the following:

<div class="wrapper">
  <div class="content">
    <div class="theiaStickySidebar">
    ...
    </div>
  </div>
  <div class="sidebar">
    <div class="theiaStickySidebar">
    ...
    </div>
  </div>
</div>

Note that the inner “theiaStickySidebar” divs are optional, but highly recommended. If you know some HTML basics you can edit your theme files and add them yourself (note that we strongly recommend doing this inside a child theme). Otherwise, the JavaScript plugin will automatically create them for you, but this can be problematic if you are using ads or iframes, since they will be moved around in the DOM and as a result will get reloaded.