#228

Fixed some header alignment

Author: giucu91

assets/js/shapely-scripts.js

@@ -117,10 +117,44 @@
 		});
 		$( '.slider-paging-controls' ).flexslider({
 			animation: 'slide',
-			directionNav: false
+			directionNav: false,
+			after: function (slider){
+			   if (!slider.playing){
+			    slider.pause();
+			    slider.play();
+			    slider.off( "mouseenter mouseleave" );
+			    slider.off( "mouseover mouseout" );
+			    slider.mouseover( function() {
+			       if ( !slider.manualPlay && !slider.manualPause ){
+			         slider.pause();
+			       }
+			    }).mouseout( function() {
+			       if (!slider.manualPause && !slider.manualPlay && !slider.stopped){
+			         slider.play();
+			       }
+			    }); 
+			  }
+			}
 		});
 		$( '.slider-arrow-controls' ).flexslider({
-			controlNav: false
+			controlNav: false,
+			after: function (slider){
+			   if (!slider.playing){
+			    slider.pause();
+			    slider.play();
+			    slider.off( "mouseenter mouseleave" );
+			    slider.off( "mouseover mouseout" );
+			    slider.mouseover( function() {
+			       if ( !slider.manualPlay && !slider.manualPause ){
+			         slider.pause();
+			       }
+			    }).mouseout( function() {
+			       if (!slider.manualPause && !slider.manualPlay && !slider.stopped){
+			         slider.play();
+			       }
+			    }); 
+			  }
+			}
 		});
 		$( '.slider-thumb-controls .slides li' ).each(function() {
 			var imgSrc = $( this ).find( 'img' ).attr( 'src' );
@@ -129,7 +163,24 @@
 		$( '.slider-thumb-controls' ).flexslider({
 			animation: 'slide',
 			controlNav: 'thumbnails',
-			directionNav: true
+			directionNav: true,
+			after: function (slider){
+			   if (!slider.playing){
+			    slider.pause();
+			    slider.play();
+			    slider.off( "mouseenter mouseleave" );
+			    slider.off( "mouseover mouseout" );
+			    slider.mouseover( function() {
+			       if ( !slider.manualPlay && !slider.manualPause ){
+			         slider.pause();
+			       }
+			    }).mouseout( function() {
+			       if (!slider.manualPause && !slider.manualPlay && !slider.stopped){
+			         slider.play();
+			       }
+			    }); 
+			  }
+			}
 		});
 		$( '.logo-carousel' ).flexslider({
 			minItems: 1,
@@ -141,7 +192,24 @@
 			slideshow: true,
 			slideshowSpeed: 3000,
 			directionNav: false,
-			controlNav: false
+			controlNav: false,
+			after: function (slider){
+			   if (!slider.playing){
+			    slider.pause();
+			    slider.play();
+			    slider.off( "mouseenter mouseleave" );
+			    slider.off( "mouseover mouseout" );
+			    slider.mouseover( function() {
+			       if ( !slider.manualPlay && !slider.manualPause ){
+			         slider.pause();
+			       }
+			    }).mouseout( function() {
+			       if (!slider.manualPause && !slider.manualPlay && !slider.stopped){
+			         slider.play();
+			       }
+			    }); 
+			  }
+			}
 		});
 
 		// Lightbox gallery titles

header.php

@@ -28,7 +28,7 @@
 		<div class="nav-container">
 			<nav id="site-navigation" class="main-navigation" role="navigation">
 				<div class="container nav-bar">
-					<div class="row">
+					<div class="flex-row">
 						<div class="module left site-title-container">
 							<?php shapely_get_header_logo(); ?>
 						</div>

inc/extras.php

@@ -518,7 +518,12 @@ function shapely_get_header_logo() {
 	}
 	// If no logo is set but we're in the Customizer, leave a placeholder (needed for the live preview).
 	elseif ( is_customize_preview() ) {
-		$html = sprintf( '<a href="%1$s" class="custom-logo-link" style="display:none;"><img class="custom-logo"/>%2$s</a>',
+		$html = sprintf( '<a href="%1$s" class="custom-logo-link"><img class="custom-logo"/ style="display:none;"><span class="site-title">%2$s</span></a>',
+			esc_url( home_url( '/' ) ),
+			esc_html( get_bloginfo( 'name' ) )
+		);
+	}else{
+		$html = sprintf( '<a href="%1$s" class="custom-logo-link"><span class="site-title">%2$s</span></a>',
 			esc_url( home_url( '/' ) ),
 			esc_html( get_bloginfo( 'name' ) )
 		);

style.css

@@ -560,7 +560,7 @@ a, a:visited, a:active, a:hover {
 #site-navigation .module.left {
     padding-left: 15px;
 }
-#site-navigation .container > .row {
+#site-navigation .container > .flex-row {
     display: flex;
     align-items: center;
     justify-content: space-between;