Improve wider medium screen responsive layout

[flywire]

The manual is best viewed with a minimum screen width of ...

It is recognised the existing template displays poorly when the display width is significantly less than the content design width of 700px on a 1100px screen. This template is particularly affected by the poor display issue because:

• the default template max medium screen is relatively narrow
• on the narrowest wide screen less than 50% of the width is available for content
• numerous right-aligned tables display very poorly with constrained content display width

Displaying the hamburger menu icon instead of TOC on wider medium screens displays improves the responsive layout by displaying content closer to design width. It is considered with this change the responsiveness would be so similar to other sites that the warning about best viewed minimum screen width would not be required.

Default Medium Display

Proposed Medium Display

[flywire]

The HTML option was added in Sphinx 1.8.0b1 (released Sep 2018). The recommendation in Read The Docs Documentation is adding custom css to the theme via the html_css_files option in conf.py.

[flywire]

[GSStnb]

Tested in dev and it didn't change the appearance.

[flywire]

Strange. What was the test environment? Can you link the dev?

[lordofbikes]

Needed some fixes, thus merged manually. Many thanks :+1: