Max-width broken with wide elements + for certain widths

[choldgraf]

I found that when we have elements that are quite wide (e.g., a code block with a really long line), then it throws off the whole page's formatting. For example, try building the docs with a line like this:

.. code-block::

    123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789123456789

Both sidebars get scrunched up for me if I add this

[choldgraf]

Looking into it a bit more, it may be something to do with container-fluid? (https://github.com/pandas-dev/pydata-bootstrap-sphinx-theme/blob/e5e71f9bcdb237c52c44984f3c78720be85c6f86/pandas_sphinx_theme/layout.html#L45) also it seems like the max-width: 1024px stuff might be messing stuff up.

Hopefully this can be figured out when #17 (cc @hoetmaaiers who may be interested in this issue if he's also working on that one)

[choldgraf]

I just found an example in the pandas docs where this is messing up right now:

https://pandas.pydata.org/pandas-docs/stable/getting_started/basics.html#basics-rename

[jorisvandenbossche]

I see this now as well (if I make my window smaller):

But, it seems to happen on almost any page in the pandas docs for me (at least every page that I tried).

In addition, on the page you linked to (so the one with the wide element, https://pandas.pydata.org/pandas-docs/stable/getting_started/basics.html#basics-rename), I see another issue as well:

where there is a horizontal scrollbar and the right toc sidebar falls from the page (without actually disappearing in a mobile responsive way).