diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_0_desktop.png
new file mode 100644
index 0000000000..4a8b3aa9d5
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_0_desktop.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d9cf59bf77009b7ea9a7e6e57aeb0b172e63f32558e5f550bc52398e64401896
+size 18455
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png
new file mode 100644
index 0000000000..4441ec41bd
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_1_tablet.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:05e82ed338a0ca1fa830e3ba7e332f9c988d1ec8cdf446db5f889c2ef9866c34
+size 13348
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png
new file mode 100644
index 0000000000..16f2a52f08
--- /dev/null
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_section-navigation_example-section-navigation-single-vertical-with-title_0_document_2_mobile.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e48ab86578b2b6e486308cfd2bb19e3a02dff170d39e460b794a26767cd5e6b8
+size 10206
diff --git a/src/components/section-navigation/_macro.njk b/src/components/section-navigation/_macro.njk
index 0de0ef50a2..ca21a2f85c 100644
--- a/src/components/section-navigation/_macro.njk
+++ b/src/components/section-navigation/_macro.njk
@@ -57,7 +57,7 @@
             {% if params.title %}
                 {{ openingHeadingTag | replace(headingLevel, sectionTitleHeadingLevel | string) | safe }}
                 class="ons-u-fs-r--b
-                ons-u-mb-s">{{ params.title }}{{ closingHeadingTag | replace(headingLevel, sectionTitleHeadingLevel | string) }}
+                ons-u-mb-s">{{ params.title }}{{ closingHeadingTag | replace(headingLevel, sectionTitleHeadingLevel | string) | safe }}
             {% endif %}
             <ul class="ons-section-nav__list">
                 {% for item in params.itemsList %}
diff --git a/src/components/section-navigation/example-section-navigation-single-vertical-with-title.njk b/src/components/section-navigation/example-section-navigation-single-vertical-with-title.njk
new file mode 100644
index 0000000000..ef54216c8b
--- /dev/null
+++ b/src/components/section-navigation/example-section-navigation-single-vertical-with-title.njk
@@ -0,0 +1,23 @@
+{% from "components/section-navigation/_macro.njk" import onsSectionNavigation %}
+{{
+    onsSectionNavigation({
+        "id": "section-menu",
+        "variants": "vertical",
+        "currentPath": "#section-1",
+        "title": "Sections title",
+        "itemsList": [
+            {
+                "title": "Section 1",
+                "url": "#section-1"
+            },
+            {
+                "title": "Section 2",
+                "url": "#0"
+            },
+            {
+                "title": "Section 3",
+                "url": "#0"
+            }
+        ]
+    })
+}}