Skip to content

Build a Responsive Web Site

Behind the Brain edited this page Oct 2, 2020 · 9 revisions
Clone this wiki locally

You can use John Marks' Eight-Five-Zero template to help Zim render a nice clean responsive layout for desktop and mobile browsers.

The Ecodiv-responsive template offers another example (originally based on John Marks' template). It renders a layout that adapts to the screen size of your device and includes a collapsible navigation menu at the left (large screens) or on top (small screens).

Another example is the Ecodiv-mobile template. This is a mobile first theme, but it also looks good on your desktop.

These templates and others are available from the 'Third party templates' page

Look at the Templates page in the manual for instructions for adding a 3rd-party template. See Config Files for the correct path in Windows.

If you want an interactive ToC, in addition to the Index hierarchy, then see ZeroFiveEight_mono_ToC_navbar_left in 'Third party templates' page