Fix jgthms#2642

Author: jgthms

docs/documentation/layout/hero.html

@@ -34,7 +34,7 @@
     </li>
   </ul>
   <p>
-    For the <a href="#full-height-hero">full height hero</a> to work, you will also need a <code>hero-head</code> and a <code>hero-foot</code>.
+    For the <a href="#fullheight-hero">fullheight hero</a> to work, you will also need a <code>hero-head</code> and a <code>hero-foot</code>.
   </p>
 </div>
 
@@ -411,20 +411,20 @@ <h2 class="subtitle">
 </section>
 {% endhighlight %}
 
-  <div class="bd-example is-fullwidth">
-    <section class="hero is-success is-fullheight">
-      <div class="hero-body">
-        <div class="container">
-          <p class="title">
-            Fullheight title
-          </p>
-          <p class="subtitle">
-            Fullheight subtitle
-          </p>
-        </div>
+<div id="fullheight-hero" class="bd-example is-fullwidth">
+  <section class="hero is-success is-fullheight">
+    <div class="hero-body">
+      <div class="container">
+        <p class="title">
+          Fullheight title
+        </p>
+        <p class="subtitle">
+          Fullheight subtitle
+        </p>
       </div>
-    </section>
-  </div>
+    </div>
+  </section>
+</div>
 
 {% highlight html %}
 <section class="hero is-success is-fullheight">