sidebar top margin and width changes when content is scrolled

[sam123sam123]

Hi, really loving sphinx-bootstrap-theme. Love that it supports bootstrap 3 and the nice looking bootswatch themes.

Not sure if my issue is related to the following but for reproducibility please note I am using bootstrap v3, bootswatch spacelab theme. I have also customized the top navbar as navbar-inverse and commented out everything except the classes navbar-brand, navbar-version, hidden-sm so that it only shows those 3 things in the navbar.

I have set html_sidebars = {'**':['globaltoc.html','searchbox.html']} so that the globaltoc and searchbox is always in the sidebar for all pages.

When at the top of the page the sidebar is div class = "bs-sidenav affix-top" and looks/acts the way it should. Both in full screen 1200 and when the browser window is narrowed to simulate responsiveness.

When I scroll the content down from top it switches to div class = "bs-sidenav affix" and the css formatting changes such that the top margin of the sidebar moves down about 20px and narrows to the left by about 20px in full screen size. I can correct this by customizing the css so that .affix class has the same top margin and width as the default of .affix-top. I have to do this both for full screen and narrow screen and because it needs to be responsive I am using width: xx%. However it's not always a perfect match and shouldn't be necessary in the first place. Just a bandaid solution at this point. It would be nice if this could be fixed in this addon.

It might also be related to changing inheritance from the div class = col-md-3 above it.

[russell]

Hey,

Yeah some of the sidebar behaviour is a bit finicky. I can see a problem in fullscreen with an extra 80px being added to the top of the sidebar. I wonder if it's related.

Do you have a url that demonstrates the issue?

Thanks, Russell