added logo in place of the original theme header

diff --git a/assets/the-molehole-logo.jpg b/assets/the-molehole-logo.jpg
new file mode 100644 (file)
index 0000000..e79169e
Binary files /dev/null and b/assets/the-molehole-logo.jpg differ

diff --git a/js/galleria.js b/js/galleria.js
index 2787fd9..7d30a70 100644 (file)
--- a/js/galleria.js
+++ b/js/galleria.js
@@ -8,7 +8,6 @@
                jQuery( 'body' ).addClass( 'loaded' );
                jQuery( '.site' ).addClass( 'animated fadeIn' );
                jQuery( '.single_add_to_cart_button, .checkout-button' ).addClass( 'animated bounce' );
-
                // The star rating on single product pages
                var value = jQuery( '.star-rating > span' ).width();
                jQuery( '.woocommerce-product-rating .star-rating > span' ).css( 'width', 0 );
@@ -61,5 +60,4 @@
                        });
            }
        });
-
 } )();

diff --git a/style.css b/style.css
index e65a0bd..3ad31d9 100644 (file)
--- a/style.css
+++ b/style.css
@@ -308,16 +308,40 @@ table.variations td {
   float: none;
   text-align: center; }
 
+/* added anthonyT */
+@media (max-width: 768px){ 
+    .site-branding{
+        height: 155px !important;
+        margin: 1px 100px !important;
+    }
+}
+@media (max-width: 468px){
+    .site-branding{
+        margin: 0 30px !important;
+    }
+} 
+.site-branding {
+    background: url("/assets/the-molehole-logo.jpg") 0% 40% no-repeat; 
+    background-size: 100% auto;
+    margin-top: 25px !important;
+    margin-bottom: 20px !important;
+    height: 100px; !important;
+}
+/* end of addition */
 .site-branding h1 {
+
   font-size: 1.618em;
   font-weight: 400;
   letter-spacing: 3px;
   text-transform: uppercase; }
   .site-branding h1 a {
     font-weight: 400;
-    padding: .857em 1.387em;
-    border: 2px solid #2b2b2b;
+    padding: .857em 4.387em;
+    visibility: hidden;
     display: inline-block; }
+.woocommerce-active .site-header .site-branding h1, .woocommerce-active .site-header .site-logo-anchor h1, .woocommerce-active .site-header .site-logo-link h1{
+    
+}
 .site-branding a {
   -webkit-transition: -webkit-transform, ease, 0.2s;
   -moz-transition: -moz-transform, ease, 0.2s;
@@ -326,6 +350,7 @@ table.variations td {
   .site-branding a:hover {
     -webkit-transform: translateY(-6px); }
 .site-branding .site-description {
+    display: none;
   font-style: italic;
   font-family: "Libre Baskerville", "Georgia", serif;
   margin-top: 1em; }