diff --git a/pygeoapi/pygeoapi-skin-dashboard/static/css/default.css b/pygeoapi/pygeoapi-skin-dashboard/static/css/default.css
index 33fc4fb7..12f87c0b 100644
--- a/pygeoapi/pygeoapi-skin-dashboard/static/css/default.css
+++ b/pygeoapi/pygeoapi-skin-dashboard/static/css/default.css
@@ -11,7 +11,7 @@ main {
 }
 
 .crumbs {
-    background-color:rgb(230, 230, 230);
+    padding-left: 12px;
     padding: 6px;
 }
 
@@ -47,3 +47,18 @@ main {
 table:not(.horizontal) {
     max-height: none;
 }
+
+@media (max-width: 767px) {
+    .sidebar {
+        display: none;
+        visibility: hidden;
+        width: 0px;
+    }
+    .crumbs {
+        display: none !important;
+    }
+    a.nav-link {
+        margin: auto;
+        padding: 4px !important;
+    }
+}
diff --git a/pygeoapi/pygeoapi-skin-dashboard/static/css/sb.css b/pygeoapi/pygeoapi-skin-dashboard/static/css/sb.css
index 712e56a3..fb61b429 100644
--- a/pygeoapi/pygeoapi-skin-dashboard/static/css/sb.css
+++ b/pygeoapi/pygeoapi-skin-dashboard/static/css/sb.css
@@ -10284,7 +10284,6 @@ a:focus {
 }
 
 .sidebar {
-  width: 6.5rem;
   min-height: 100vh;
 }
 
diff --git a/pygeoapi/pygeoapi-skin-dashboard/templates/_base.html b/pygeoapi/pygeoapi-skin-dashboard/templates/_base.html
index ea02d731..d925f5b8 100644
--- a/pygeoapi/pygeoapi-skin-dashboard/templates/_base.html
+++ b/pygeoapi/pygeoapi-skin-dashboard/templates/_base.html
@@ -29,19 +29,42 @@
 
 <body id="page-top">
 
+  <div id="appbar">
+    <!-- Topbar -->
+    <nav class="navbar navbar-expand navbar-light bg-white topbar static-top shadow">
+
+      <!-- Sidebar Toggle (Topbar) -->
+      <button id="sidebarToggleTop" class="btn btn-link rounded-circle mr-3" onclick="toggleNav()">
+        <i class="fa fa-bars"></i>
+      </button>
+
+      <!-- Topbar - Brand -->
+      <a class="sidebar-brand d-flex align-items-center justify-content-center" style="background-color:white"
+      href="{{ config['server']['url'] }}" class="logo" role="button">
+        <img src="https://raw.githubusercontent.com/internetofwater/geoconnex.us/master/pygeoapi/pygeoapi-skin-dashboard/static/img/logo.png" title="{{ config['metadata']['identification']['title'] }}" style="height:40px;vertical-align: middle;" /></a>
+      </a>
+
+      <div class="crumbs">
+        {% block crumbs %}
+        {% endblock %}
+      </div>
+
+      <!-- Topbar Navbar -->
+      <ul class="navbar-nav ml-auto">
+        <li class="nav-item"><a class="nav-link" href="{{ data['links'] | map(rel='self') | attr('href') }}?f=json">JSON</a></li>
+        <li class="nav-item"><a class="nav-link" href="{{ data['links'] | map(rel='self') | attr('href') }}?f=jsonld">JSON-LD</a></li>
+      </ul>
+
+    </nav>
+    <!-- End of Topbar -->
+  </div>
+
   <!-- Page Wrapper -->
   <div id="wrapper">
 
       <!-- Sidebar -->
       <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
 
-        <!-- Sidebar - Brand -->
-        <a class="sidebar-brand d-flex align-items-center justify-content-center" style="background-color:white"
-          href="{{ config['server']['url'] }}" class="logo" role="button">
-            <img src="https://raw.githubusercontent.com/internetofwater/geoconnex.us/master/pygeoapi/pygeoapi-skin-dashboard/static/img/logo.png" title="{{ config['metadata']['identification']['title'] }}" style="height:40px;vertical-align: middle;" /></a>
-
-        </a>
-
         <!-- Divider -->
         <hr class="sidebar-divider my-0">
 
@@ -74,14 +97,12 @@
           </li>
         {% endif %}
 
-        {% if data['processes'] %}
-          <!-- Nav Item -->
-          <li class="nav-item">
-          <a class="nav-link" href="{{ config['server']['url'] }}/processes">
-              <i class="fas fa-fw fa-wrench"></i>
-            Processes</a>
-          </li>
-        {% endif %}
+        <!-- Nav Item -->
+        <li class="nav-item">
+        <a class="nav-link" href="{{ config['server']['url'] }}/processes">
+            <i class="fas fa-fw fa-wrench"></i>
+          Processes</a>
+        </li>
 
         <!-- Divider -->
         <hr class="sidebar-divider">
@@ -113,31 +134,8 @@
           <!-- Main Content -->
           <div id="content">
 
-              <!-- Topbar -->
-              <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
-
-                  <!-- Sidebar Toggle (Topbar) -->
-                  <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
-                      <i class="fa fa-bars"></i>
-                  </button>
-
-                  <div>
-                    {% block crumbs %}
-                    <a href="{{ config['server']['url'] }}">Home</a>
-                    {% endblock %}
-                  </div>
-
-                  <!-- Topbar Navbar -->
-                  <ul class="navbar-nav ml-auto">
-                    <li class="nav-item"><a class="nav-link" href="{{ data['links'] | map(rel='self') | attr('href') }}?f=json">JSON</a></li>
-                    <li class="nav-item"><a class="nav-link" href="{{ data['links'] | map(rel='self') | attr('href') }}?f=jsonld">JSON-LD</a></li>
-                  </ul>
-
-              </nav>
-              <!-- End of Topbar -->
-
               <!-- Begin Page Content -->
-              <div class="container-fluid">
+              <div class="container-fluid pt-4">
 
                 <!-- Page Heading
                 <div class="d-sm-flex align-items-center justify-content-between mb-4">
@@ -223,8 +221,6 @@ <h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
   </div>
   <!-- End of Page Wrapper -->
 
-
-
   {% block extrafoot %}
   {% endblock %}
     <script>
@@ -244,5 +240,19 @@ <h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
       };
       xhr.send();
     </script>
+    <script>
+      function toggleNav() {
+        const nav = document.getElementById("accordionSidebar");
+        if (nav.offsetWidth === 0){
+          nav.style.width = "224px";
+          nav.style.display = "block";
+          nav.style.visibility = "visible";
+        } else {
+          nav.style.width = "0";
+          nav.style.display = "none";
+          nav.style.visibility = "hidden";
+        }
+      }
+    </script>
   </body>
 </html>
diff --git a/pygeoapi/pygeoapi-skin-dashboard/templates/collections/collection.html b/pygeoapi/pygeoapi-skin-dashboard/templates/collections/collection.html
index 75837cf1..870968f9 100644
--- a/pygeoapi/pygeoapi-skin-dashboard/templates/collections/collection.html
+++ b/pygeoapi/pygeoapi-skin-dashboard/templates/collections/collection.html
@@ -16,12 +16,6 @@
         <div class="col-sm">
           <h1>{{ data['title'] }}</h1>
           <p>{{ data['description'] }}</p>
-		  <ul>
-          <li>
-            <a title="{{data['links'][0]['rel'] }}" href="{{ data['links'][0]['href'] }}">
-            <span>{{ data['links'][0]['title'] }}</span> (<span>{{ data['links'][0]['type'] }}</span>)
-            </a></li>
-      </ul>
           <p>
             {% for kw in data['keywords'] %}
               <span class="badge badge-info">{{ kw }}</span>
@@ -63,6 +57,15 @@ <h3>Queryables</h3>
                 Display Queryables of "{{ data['title'] }}"</a></div>
           </li>
         </ul>
+        <h3>Links</h3>
+        <ul>
+          {% for link in data['links'] %}
+              <li>
+                <a title="{{ link['rel'] }}" href="{{ link['href'] }}">
+                <span>{{ link['title'] }}</span> (<span>{{ link['type'] }}</span>)
+                </a></li>
+          {% endfor %}
+        </ul>
         {% for provider in config['resources'][data['id']]['providers'] %}
           {% if 'tile' in provider['type'] %}
         <h3>Tiles</h3>
diff --git a/pygeoapi/pygeoapi-skin-dashboard/templates/collections/items/index.html b/pygeoapi/pygeoapi-skin-dashboard/templates/collections/items/index.html
index 23c41d9a..ebc4c428 100644
--- a/pygeoapi/pygeoapi-skin-dashboard/templates/collections/items/index.html
+++ b/pygeoapi/pygeoapi-skin-dashboard/templates/collections/items/index.html
@@ -1,18 +1,21 @@
 {% extends "_base.html" %}
 {% block title %}{{ super() }} {{ data['title'] }} {% endblock %}
 {% block crumbs %}{{ super() }}
-/ <a href="{{ data['collections_path'] }}">Collections</a>
+/ <a href="{{ data['collections_path'] }}">{% trans %}Collections{% endtrans %}</a>
 {% for link in data['links'] %}
   {% if link.rel == 'collection' %} /
-    <a href="{{ data['dataset_path'] }}">{{ link['title'] | truncate( 25 ) }}</a>
+    <a href="{{ data['dataset_path'] }}">{{ link['title'] | string | truncate( 25 ) }}</a>
     {% set col_title = link['title'] %}
   {% endif %}
 {% endfor %}
-/ <a href="{{ data['items_path']}}">Items</a>
+/ <a href="{{ data['items_path']}}">{% trans %}Items{% endtrans %}</a>
 {% endblock %}
 {% block extrahead %}
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"/>
     <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster/dist/MarkerCluster.css"/>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster/dist/MarkerCluster.Default.css"/>
+    <script src="https://unpkg.com/leaflet.markercluster/dist/leaflet.markercluster-src.js"></script>
 {% endblock %}
 
 {% block body %}
@@ -46,7 +49,7 @@ <h6 class="m-0 font-weight-bold text-primary">
               <div id="limit" class="col-sm-12">
                 Limit:
                 <select id="limits">
-                  <option value="10">10 (default)</option>
+                  <option value="{{ config['server']['limit'] }}">{{ config['server']['limit'] }} ({% trans %}default{% endtrans %})</option>
                   <option value="100">100</option>
                   <option value="1000">1,000</option>
                   <option value="2000">2,000</option>
@@ -85,36 +88,62 @@ <h6 class="m-0 font-weight-bold text-primary">
               </h6>
           </div>
           <!-- Card Body -->
-          <div>
+          <div style="overflow-x: scroll;">
+            {% set props = [] %}
             <table class="table table-striped">
               <thead>
                 <tr>
-                  <th>id</th>
-                  {% if data['title_field'] %}
-                    <th>{{ data['title_field'] }}</th>
+                  {% if data.get('uri_field') %}
+                    {% set uri_field = data.uri_field %}
+                    <th>{{ uri_field }}</th>
+                  {% elif data.get('title_field') %}
+                    {% set title_field = data.title_field %}
+                    <th>{{ title_field }}</th>
+                  {% else %}
+                    <th>id</th>
                   {% endif %}
-                  {% for k, v in data['features'][0]['properties'].items() %}
-                    {# start with id & title then take first 5 columns for table #}
-                    {% if loop.index < 5 and k != data['id_field'] and k != data['title_field'] %}
-                    <th>{{ k }}</th>
+    
+                  {% for k in data['features'][0]['properties'].keys() %}
+                    {% if k not in [data.id_field, data.title_field, data.uri_field, 'extent'] %}
+                      {% set props = props.append(k) %}
+                      <th>{{ k }}</th>
                     {% endif %}
                   {% endfor %}
-              </tr>
+                </tr>
             </thead>
             <tbody>
-              {% for ft in data['features'] %}
+              {% for ft in data.features %}
               <tr>
-                <td data-label="id"><a href="{{ ft['properties'][data['uri_field']] }}" title="{{ ft.id }}">{{ ft.id | string | truncate( 12 )  }}</a></td>
-                {% if data['title_field'] %}
-                  <td data-label="name"><a href="{{ data['items_path']}}/{{ ft['id'] }}" title="{{ ft['properties'][data['title_field']] }}">{{ ft['properties'][data['title_field']] | string | truncate( 35 ) }}</a></td>
+                {% if data.get('uri_field') %}
+                  {% set uri_field = data.uri_field %}
+                  <td data-label="{{ uri_field }}">
+                    <a href="{{ ft.properties.get(uri_field) }}" title="{{ ft.properties.get(uri_field) }}">
+                      {{ ft.properties.get(uri_field) }}
+                    </a>
+                  </td>
+                {% elif data.get('title_field') %}
+                  {% set title_field = data.title_field %}
+                  <td data-label="{{ title_field }}">
+                    <a href="{{ data.items_path }}/{{ ft['id'] }}" title="{{ ft.properties.get(title_field) }}">
+                      {{ ft.properties.get(title_field) | string | truncate( 35 ) }}
+                    </a>
+                  </td>
+                {% else %}
+                  <td data-label="id">
+                    <a href="{{ data.items_path }}/{{ ft.id }}" title="{{ ft.id }}">
+                      {{ ft.id | string | truncate( 12 )  }}
+                    </a>
+                  </td>
                 {% endif %}
-                {% for k, v in ft['properties'].items() %}
-                  {% if loop.index < 5 and k not in [data['id_field'], data['title_field'], 'extent'] %}
-                  <td data-label="{{ k }}">{{ v | string | truncate( 35 ) }}</td>
-                  {% endif %}
+
+                {% for prop in props %}
+                  <td data-label="{{ prop }}">
+                    {{ ft.properties.get(prop, '') | string | truncate( 35 ) }}
+                  </td>
                 {% endfor %}
+
               </tr>
-              {% endfor %}
+            {% endfor %}
             </tbody>
             </table>
           </div>
@@ -131,25 +160,36 @@ <h6 class="m-0 font-weight-bold text-primary">
 
 {% block extrafoot %}
 {% if data['features'] %}
-    <script>
-    var map = L.map('items-map').setView([{{ 45 }}, {{ -75 }}], 5);
-    map.addLayer(new L.TileLayer(
-        '{{ config['server']['map']['url'] }}', {
-            maxZoom: 18,
-            attribution: '{{ config['server']['map']['attribution'] }}'
-        }
-    ));
-    var geojson_data = {{ data['features'] | to_json | safe }};
-    var items = new L.GeoJSON(geojson_data, {
-        onEachFeature: function (feature, layer) {
-            var url = '{{ data['items_path'] }}/' + feature.id + '?f=html';
-            var html = '<span><a href="' + url + '">' + {% if data['title_field'] %} feature['properties']['{{ data['title_field'] }}'] {% else %} feature.id {% endif %} + '</a></span>';
-            layer.bindPopup(html);
-        }
-    });
+  <script>
+  var map = L.map('items-map').setView([{{ 45 }}, {{ -75 }}], 5);
+  map.addLayer(new L.TileLayer(
+      '{{ config['server']['map']['url'] }}', {
+          maxZoom: 18,
+          attribution: '{{ config['server']['map']['attribution'] | safe }}'
+      }
+  ));
+  var geojson_data = {{ data['features'] | to_json | safe }};
+
+  var items = new L.GeoJSON(geojson_data, {
+      onEachFeature: function (feature, layer) {
+          var url = '{{ data['items_path'] }}/' + feature.id + '?f=html';
+          var html = '<span><a href="' + url + '">' + {% if data['title_field'] %} feature['properties']['{{ data['title_field'] }}'] {% else %} feature.id {% endif %} + '</a></span>';
+          layer.bindPopup(html);
+      }
+  });
+  {% if data['features'][0]['geometry']['type'] == 'Point' %}
+  var markers = L.markerClusterGroup({
+      disableClusteringAtZoom: 9,
+      chunkedLoading: true,
+      chunkInterval: 500,
+  });
+  markers.clearLayers().addLayer(items);
+  map.addLayer(markers);
+  {% else %}
+  map.addLayer(items);
+  {% endif %}
 
-    map.addLayer(items);
-    map.fitBounds(items.getBounds());
-    </script>
+  map.fitBounds(items.getBounds());
+  </script>
 {% endif %}
 {% endblock %}
diff --git a/pygeoapi/pygeoapi-skin-dashboard/templates/landing_page.html b/pygeoapi/pygeoapi-skin-dashboard/templates/landing_page.html
index 3a2725c9..aad62c9f 100644
--- a/pygeoapi/pygeoapi-skin-dashboard/templates/landing_page.html
+++ b/pygeoapi/pygeoapi-skin-dashboard/templates/landing_page.html
@@ -11,6 +11,35 @@ <h1>{{ config['metadata']['identification']['title'] }}</h1>
           <mark class="badge badge-info">{{ kw }}</mark>
         {% endfor %}
     </p>
+    {% if data['collection'] %}
+      <section id="collections">
+        <h2>{% trans %}Collections{% endtrans %}</h2>
+        <p>
+          <a href="{{ config['server']['url'] }}/collections?f=html">{% trans %}View the collections in this service{% endtrans %}</a>
+        </p>
+      </section>
+   {% endif %}
+   {% if data['processes'] %}
+    <section id="processes">
+        <h2>{% trans %}Processes{% endtrans %}</h2>
+        <p>
+          <a href="{{ config['server']['url'] }}/processes?f=html">{% trans %}View the processes in this service{% endtrans %}</a>
+        </p>
+    </section>
+    {% endif %}
+    <section id="documentation">
+      <h2>{% trans %}Documentation{% endtrans %}</h2>
+      <p>
+        <a href="https://docs.geoconnex.us/">{% trans %}Geoconnex documentation{% endtrans %}</a>
+      </p>
+      <p>
+        <a href="{{ config['server']['url'] }}/openapi?f=html">{% trans %}Swagger UI{% endtrans %}</a>
+      </p>
+      <p>
+        <a href="{{ config['server']['url'] }}/openapi?f=json">{% trans %}OpenAPI Document{% endtrans %}</a>
+      </p>
+    </section>
+
   </div>
 </div>
 {% endblock %}
diff --git a/pygeoapi/pygeoapi-skin-dashboard/templates/processes/process.html b/pygeoapi/pygeoapi-skin-dashboard/templates/processes/process.html
index ba256cfa..c44089fc 100644
--- a/pygeoapi/pygeoapi-skin-dashboard/templates/processes/process.html
+++ b/pygeoapi/pygeoapi-skin-dashboard/templates/processes/process.html
@@ -17,29 +17,29 @@ <h2 itemprop="name">{{ data['title'] }}</h2>
       <div class="row">
         <div class="col-sm-12 col-md-12">
           <table class="table table-striped">
-            <caption>Inputs</caption>
+            <caption>{% trans %}Inputs{% endtrans %}</caption>
             <thead>
             <tr>
-              <th>ID</th>
-              <th>Title</th>
-              <th>Data Type</th>
-              <th>Description</th>
+              <th>{% trans %}Id{% endtrans %}</th>
+              <th>{% trans %}Title{% endtrans %}</th>
+              <th>{% trans %}Data Type{% endtrans %}</th>
+              <th>{% trans %}Description{% endtrans %}</th>
             </tr>
             </thead>
             <tbody>
-              {% for input_ in data['inputs'] %}
+              {% for key, value in data['inputs'].items() %}
               <tr itemprop="parameter" itemscope>
                 <td itemprop="id" data-label="ID">
-                  {{ input_.id }}
+                  {{ key }}
                 </td>
                 <td itemprop="name" data-label="Title">
-                  {{ input_.title|striptags|truncate }}
+                  {{ value.title|striptags|truncate }}
                 </td>
-                <td itemprop="name" data-label="Title">
-                  {{ input_.input.literalDataDomain.dataType }}
+                <td itemprop="name" data-label="Data Type">
+                  {{ value.schema.type }}
                 </td>
                 <td itemprop="description" data-label="Description">
-                  {{ input_.abstract }}
+                  {{ value.description }}
                 </td>
               </tr>
               {% endfor %}
@@ -48,34 +48,34 @@ <h2 itemprop="name">{{ data['title'] }}</h2>
         </div>
         <div class="col-sm-12 col-md-12">
           <table class="table table-striped">
-            <caption>Outputs</caption>
+            <caption>{% trans %}Outputs{% endtrans %}</caption>
             <thead>
             <tr>
-              <th>ID</th>
-              <th>Title</th>
-              <th>Description</th>
+              <th>{% trans %}Id{% endtrans %}</th>
+              <th>{% trans %}Title{% endtrans %}</th>
+              <th>{% trans %}Description{% endtrans %}</th>
             </tr>
             </thead>
             <tbody>
-              {% for output_ in data['outputs'] %}
+              {% for key, value in data['outputs'].items() %}
               <tr itemprop="parameter" itemscope>
-                <td itemprop="id" data-label="ID">{{ output_['id'] }}</td>
-                <td itemprop="name" data-label="Title">{{ output_['title'] }}</td>
+                <td itemprop="id" data-label="ID">{{ key }}</td>
+                <td itemprop="name" data-label="Title">{{ value.title }}</td>
                 <td itemprop="description" data-label="Description">
-                  {{ output_['description'] | striptags | truncate }}
+                  {{ value.description | striptags | truncate }}
                 </td>
               </tr>
               {% endfor %}
             </tbody>
           </table>
-          <h2>Execution modes</h2>
+          <h2>{% trans %}Execution modes{% endtrans %}</h2>
           <ul>
-            {% if 'sync-execute' in data.jobControlOptions %}<li>Synchronous</li>{% endif %}
-            {% if 'async-execute' in data.jobControlOptions %}<li>Asynchronous</li>{% endif %}
+            {% if 'sync-execute' in data.jobControlOptions %}<li>{% trans %}Synchronous{% endtrans %}</li>{% endif %}
+            {% if 'async-execute' in data.jobControlOptions %}<li>{% trans %}Asynchronous{% endtrans %}</li>{% endif %}
           </ul>
-          <h2>Jobs</h2>
-          <a title="Browse jobs" href="{{config.server.url}}/processes/{{data.id}}/jobs">Browse jobs</a>
-          <h2>Links</h2>
+          <h2>{% trans %}Jobs{% endtrans %}</h2>
+          <a title="Browse jobs" href="{{config.server.url}}/jobs">{% trans %}Browse jobs{% endtrans %}</a>
+          <h2>{% trans %}Links{% endtrans %}</h2>
           <ul>
             {% for link in data['links'] %}
                 <li>
diff --git a/pygeoapi/pygeoapi.config.yml b/pygeoapi/pygeoapi.config.yml
index 7b1e5ebf..199298ec 100644
--- a/pygeoapi/pygeoapi.config.yml
+++ b/pygeoapi/pygeoapi.config.yml
@@ -660,3 +660,7 @@ resources:
               table: ref_dams
               uri_field: uri
               geom_field: geom
+    intersector:
+        type: process
+        processor:
+            name: Intersector
