diff --git a/bootstrap.sh b/bootstrap.sh
index f9c0799..4f7ffa5 100755
--- a/bootstrap.sh
+++ b/bootstrap.sh
@@ -968,6 +968,28 @@ to --condition AX_USE_DOXYGEN doc/style.css <<EOF
   padding: 1ex;
   margin: 0;
 }
+img, object {
+  max-width: 100% !important;
+}
+@media (max-width: 50em) {
+  #navrow1, #navrow2 {
+    display: block
+  }
+  #side-nav, #splitbar, .ui-resizable-handle ui-resizable-e, .ui-resizable-handle ui-resizable-s {
+    display: none;
+  }
+  #doc-content {
+    margin-left: 0 !important;
+  }
+}
+@media (min-width: 50em) {
+  #navrow1, #navrow2 {
+    display: none;
+  }
+  #side-nav, #splitbar, .ui-resizable-handle ui-resizable-e, .ui-resizable-handle ui-resizable-s {
+    display: block
+  }
+}
 EOF
 if testtag AX_USE_DOXYGEN; then
     copy doc/plantuml.jar
@@ -1047,7 +1069,7 @@ if testtag AX_USE_DOXYGEN; then
         doxyreplace HTML_FOOTER footer.html
         doxyreplace HTML_EXTRA_STYLESHEET style.css
         doxyreplace HTML_DYNAMIC_SECTIONS YES
-        doxyreplace DISABLE_INDEX YES
+        doxyreplace DISABLE_INDEX NO
         doxyreplace GENERATE_TREEVIEW YES 
         if testtag AX_BUILD_EXAMPLES; then
             doxyreplace EXAMPLE_PATH @top_srcdir@/examples
diff --git a/doc/doxyfile.in b/doc/doxyfile.in
index 9b0be96..0e40330 100644
--- a/doc/doxyfile.in
+++ b/doc/doxyfile.in
@@ -1413,7 +1413,7 @@ ECLIPSE_DOC_ID         = org.doxygen.Project
 # The default value is: NO.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-DISABLE_INDEX          = YES
+DISABLE_INDEX          = NO
 
 # The GENERATE_TREEVIEW tag is used to specify whether a tree-like index
 # structure should be generated to display hierarchical information. If the tag
diff --git a/doc/style.css b/doc/style.css
index 8765b9a..303c151 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -14,3 +14,25 @@
   padding: 1ex;
   margin: 0;
 }
+img, object {
+  max-width: 100% !important;
+}
+@media (max-width: 50em) {
+  #navrow1, #navrow2 {
+    display: block
+  }
+  #side-nav, #splitbar, .ui-resizable-handle ui-resizable-e, .ui-resizable-handle ui-resizable-s {
+    display: none;
+  }
+  #doc-content {
+    margin-left: 0 !important;
+  }
+}
+@media (min-width: 50em) {
+  #navrow1, #navrow2 {
+    display: none;
+  }
+  #side-nav, #splitbar, .ui-resizable-handle ui-resizable-e, .ui-resizable-handle ui-resizable-s {
+    display: block
+  }
+}