Page header

functions.php

@@ -14,14 +14,15 @@ function my_theme_enqueue_styles() {
 add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
 
 // No admin bar on top
-show_admin_bar( true );
+show_admin_bar( false );
 ?>
 
 <?php
-function get_site_title() {
+function get_page_header() {
 	$sitename = get_bloginfo( 'name' );
 	?>
-	<h1 class="page-title site-title"><?php echo $sitename; ?></h1>
+	<h1 class="page-top site-title"><?php echo $sitename; ?></h1>
+	<?php shapely_social_icons(); ?>
 	<?php
 }
 ?>

sass/style.scss

@@ -19,8 +19,10 @@
  $background-color: ghostwhite;
  $nav-bar-color: #f0f0f0;
  $hero-image-text-color: white;
+ $social-icon-color: $secondary-info-color;
+ $social-icon-hover-color: #1f1f1f;
  $band-name-home-font-size: 10rem;
- $band-name-page-top-font-size: 6rem;
+ $band-name-page-top-font-size: 8rem;
 
 
 /* Band logo font */
@@ -57,19 +59,55 @@ html {
  		}
  	}
 
-	// Band name on top of each page
-	.page-title.site-title {
-		font-size: $band-name-page-top-font-size;
-		text-align: center;
-		// margin-bottom: 300px;
+ 	.entry-content {
+		// Band name on top of each page
+		.page-top.site-title {
+			font-size: $band-name-page-top-font-size;
+			text-align: center;
+			margin-bottom: 110px;
+		}
+
+		// Social icons on top of each page
+		nav#social  {
+			// Get rid of line underneath social icons
+			border-bottom-width: 0px; 
+
+			// Center
+			float: none;
+
+			a {
+				color: $social-icon-color;
+			}
+
+			a:hover {
+				color: $social-icon-hover-color;
+			}
+
+		}
+
+		// Page title 
+		.post-title a {
+			text-transform: uppercase;
+			font-size: 3.5rem;
+		}
 	}
 
- 	p, .menu, h2, .entry-date {
- 		font-family: $header-font-stack;
- 	}
+	.post-content .entry-content .post-title {
+		margin-top: 20px;
+		h2 {
+			a {
+
+			}
+
+		}
+	}
+
+	p, .menu, h2, .entry-date {
+		font-family: $header-font-stack;
+	}
 
 	// Normal text 
-	p, .post-content .entry-content p{
+	p, .post-content .entry-content p {
 		color: $body-copy-color;
 	}
 
@@ -150,7 +188,14 @@ html {
 		color: $secondary-info-color;
 	}
 
-
+	hr {
+		display: block;
+		height: 1px;
+		border: 0;
+		border-top: 1px solid #ccc;
+		margin: 1em 0;
+		padding: 0;
+	}
 
 }
 

template-parts/content.php

@@ -57,11 +57,12 @@
 			</header><!-- .entry-header -->
 			<div class="entry-content">
 				<?php 
-				get_site_title();
+				get_page_header();
 				?>
 				<h2 class="post-title">
 					<a href="<?php echo esc_url( get_the_permalink() ); ?>"><?php echo wp_trim_words( get_the_title(), 9 ); ?></a>
 				</h2>
+				<hr/>
 
 
 				<?php if ( $post_author && $left_side ): ?>