adjusting share this style for off canvas and footer

diff --git a/css/app.css b/css/app.css
index 7dbe4cf..35787df 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7680,7 +7680,8 @@ ul.social {
 
 .stButton .sharethis {
   background: url(../assets/socials-icon.jpg) no-repeat !important;
-  background-position: -100px -33px !important; }
+  background-position: -100px -33px !important;
+  margin-left: 2px; }
   .stButton .sharethis:hover {
     text-decoration: none;
     background: url(../assets/social-icons-hover.jpg) no-repeat !important;
@@ -7688,6 +7689,9 @@ ul.social {
 
 .stButton .chicklets {
   height: 25px !important;
-  line-height: 38px !important; }
+  line-height: 39px !important; }
+
+#stOff {
+  margin-left: 5px; }
 
 /* End Mobile Menu */
\ No newline at end of file

diff --git a/parts/off-canvas-menu.php b/parts/off-canvas-menu.php
index 6f31a64..30fa85b 100644 (file)
--- a/parts/off-canvas-menu.php
+++ b/parts/off-canvas-menu.php
@@ -12,7 +12,7 @@
         <li><a class="flick"></a></li>
         <li><a class="instagram"></a></li>
         <li><a class="google"></a></li>
-        <li><a class="share"></a></li>
+         <li><span id="stOff" class='st_sharethis' st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>'></span></li>
     </ul>
 </aside>
 <!--

diff --git a/scss/_left-off-canvas.scss b/scss/_left-off-canvas.scss
index 52afe53..685650f 100644 (file)
--- a/scss/_left-off-canvas.scss
+++ b/scss/_left-off-canvas.scss
@@ -151,7 +151,7 @@ ul.social {
 .stButton .sharethis{
     background: url(../assets/socials-icon.jpg) no-repeat !important;
      background-position: -100px -33px !important;
-//    margin-left: 10px;
+    margin-left: 2px;
 ////    height: 24px;
 ////    width: 24px;
     &:hover {
@@ -160,23 +160,14 @@ ul.social {
          background-position: -100px -33px !important;
                 }
 }
-//.stButton .sharethis{
-//    background-position: -100px -33px !important;
-//    margin-left: 10px;
-//    &:hover {
-//        background-position: -100px -33px !important;
-//                }
-//}
-.st_sharethis{
-//    position: relative !important;
-//    top: 7px !important;
-//    margin-right: 3px !important;
-}
 .stButton .chicklets{
     height: 25px !important;
-    line-height: 38px !important;
+    line-height: 39px !important;
 }
 #offShareLeft, #offShareRight{
 //    top: 12px !important;
 }
+#stOff {
+    margin-left: 5px;
+}
 /* End Mobile Menu */