diff --git a/themes/bartik/color/preview.css b/themes/bartik/color/preview.css
index c7c383b532a1f9e8a2c1f6bd6e3bced91ea1e9e9..7377eb7f7517e0e1ca2974041ff26459ad7f8aac 100644
--- a/themes/bartik/color/preview.css
+++ b/themes/bartik/color/preview.css
@@ -29,7 +29,7 @@ html.js #preview {
 }
 #preview-logo {
   float: left;
-  padding: 15px 30px 15px 10px;
+  padding: 15px 15px 15px 10px;
 }
 #preview-site-name {
   color: #686868;
@@ -37,6 +37,7 @@ html.js #preview {
   font-size: 1.821em;
   line-height: 1;
   margin-bottom: 30px;
+  margin-left: 15px;
   padding-top: 34px;
 }
 #preview-main-menu {
diff --git a/themes/bartik/color/preview.js b/themes/bartik/color/preview.js
index bfdadd2a70c22f580dc65b9bbd41196d768caacc..37d3b80f0f4eff549a580998bbbfe4d82db03978 100644
--- a/themes/bartik/color/preview.js
+++ b/themes/bartik/color/preview.js
@@ -9,6 +9,10 @@
         $('#preview #preview-logo img').attr('src', Drupal.settings.color.logo);
         this.logoChanged = true;
       }
+      // Remove the logo if the setting is toggled off. 
+      if (Drupal.settings.color.logo == null) {
+        $('div').remove('#preview-logo');
+      }
 
       // Solid background.
       $('#preview', form).css('backgroundColor', $('#palette input[name="palette[bg]"]', form).val());