diff --git a/layouts/partials/page-header.html b/layouts/partials/page-header.html
index 73cdb18..347cd7d 100644
--- a/layouts/partials/page-header.html
+++ b/layouts/partials/page-header.html
@@ -1,5 +1,5 @@
 {{ if .Params.featured_image }}
-  <header class="cover bg-center"{{ with .Params.featured_image }} style="background-image: url('{{ . }}');"{{ end }}>
+  <header class="cover bg-center" style="background-image: url('{{ .Params.featured_image  | absURL }}');">
     <div class="pb3-m pb6-l bg-black-60">
       {{ partial "site-navigation.html" . }}
       <div class="tc-l pv6 ph3 ph4-ns">
diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index 33b35a8..b8ebba1 100755
--- a/layouts/partials/site-header.html
+++ b/layouts/partials/site-header.html
@@ -1,5 +1,5 @@
 {{ if .Params.featured_image }}
-  <header class="cover bg-center"{{ with .Params.featured_image }} style="background-image: url('{{ . }}');"{{ end }}>
+  <header class="cover bg-center" style="background-image: url('{{ .Params.featured_image  | absURL }}');">
     <div class="bg-black-60">
       {{ partial "site-navigation.html" .}}
       <div class="tc-l pv4 pv6-l ph3 ph4-ns">
diff --git a/readme.md b/readme.md
index 836ddcf..bfbddad 100644
--- a/readme.md
+++ b/readme.md
@@ -37,3 +37,6 @@ Includes examples of
 
 
 This theme uses the "Tachyons" CSS library. This will allow you to manipulate the design of the theme by changing class names in HTML without touching the original CSS files. For more information see the [Tachyons website](http://tachyons.io/).
+
+TODO:
+- ADD INSTRUCTIONS