Replace TOC with Hamburger Menu Icon on Medium Screens

17 views
Skip to first unread message

flywire

unread,
Feb 13, 2020, 7:49:00 AM2/13/20
to sphinx-users
The sphinx_rtd_theme version 0.4.3 theme.css seems to support:
  • small screen with max-width: 480px
  • medium screen with max-width: 768px
  • and larger screens
The TOC is displayed in the side panel on large screens and the Hamburger Menu Icon is displayed on smaller screens.

How is the medium screen redefined to max-width: 950px?

I'm a noob to this but based on https://docs.readthedocs.io/en/stable/guides/adding-custom-css.html#overriding-or-replacing-a-theme-s-stylesheet I assume conf.py needs to point to custom.css containing @media screen and (max-width: 950px).

flywire

unread,
Feb 13, 2020, 7:41:59 PM2/13/20
to sphinx-users
Reply all
Reply to author
Forward
0 new messages