moving the central swing logo inside of the head-img container to position it

diff --git a/css/app.css b/css/app.css
index b2d47a3..3d75266 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6815,8 +6815,14 @@ header#page-header {
       transform: rotate(45deg); }
 
 #golf-logo-img {
-  position: relative;
-  bottom: -17px; }
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%); }
+  @media only screen and (max-width: 40em) {
+    #golf-logo-img {
+      max-width: 200px;
+      top: 43%; } }
 
 #sm-logo {
   position: absolute;

diff --git a/header.php b/header.php
index de940ec..d17f99a 100644 (file)
--- a/header.php
+++ b/header.php
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title><?php wp_title(); ?></title>
-    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/app.css?v=1.2.54">
+    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/app.css?v=1.2.55">
       <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico">
     <link href='//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
     <link href='//fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
@@ -85,15 +85,5 @@ Note 2: 'Nb cols' parameter for Bootstrap only.
                             </div>
                         </div>
                         <?php get_template_part('parts/top-bar');?>
-                 
-                        <?php if (get_page_template_slug( $post->ID ) == "page-golf-template.php") { ?>
-                        <div id="golf-logo-img" class="row collapse">
-                            <div class="small-12 text-center columns">
-                                <img src="<?php bloginfo('template_url'); ?>/assets/Central-Swing-Logo-white.png">
-                            </div>
-                        </div>
-                        <?php } else { ?>
-
-                        <?php } ?>
                     </header>
                     <?php get_template_part('parts/off-canvas-menu');?>

diff --git a/page-golf-template.php b/page-golf-template.php
index 84720b1..0627656 100644 (file)
--- a/page-golf-template.php
+++ b/page-golf-template.php
@@ -7,6 +7,13 @@
 <main id="golf-template" class="page-inside">
     <div id="head-img">
         <?php echo glm_get_background(); ?>
+        <?php if (get_page_template_slug( $post->ID ) == "page-golf-template.php") { ?>
+            <div id="golf-logo-img" class="row collapse">
+                <div class="small-12 text-center columns">
+                    <img src="<?php bloginfo('template_url'); ?>/assets/Central-Swing-Logo-white.png">
+                </div>
+            </div>
+        <?php } ?>
     </div>
     <div class="row">
         <img class="orb-shadow" src="<?php bloginfo('template_url'); ?>/assets/shadow-lrg.jpg">

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index ea17b7d..0bd0a72 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -131,8 +131,14 @@ header#page-header {
 //    }
 }
 #golf-logo-img {
-    position: relative;
-    bottom: -17px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    @media #{$small-only}{
+        max-width: 200px;
+        top: 43%;
+    }
 }
 #sm-logo {
     position: absolute;

diff --git a/style.css b/style.css
index a6064c4..5a9b65b 100644 (file)
--- a/style.css
+++ b/style.css
@@ -3,5 +3,5 @@ Theme Name: MountPleasantCVB
 Author: Gaslight Media
 Author URI: http://www.gaslightmedia.com
 Description: A theme for MountPleasantCVB
-Version: 1.2.54
+Version: 1.2.55
 */