jdormit/jeremy-wordpress-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Basic header layout

Browse Source
This commit is contained in:
Jeremy Dormitzer 2018-07-26 23:30:08 -04:00
parent 8c9bbff372
commit ae75cd44f9
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
header.php
View File

@ -32,16 +32,12 @@
?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php
else :
?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
$jeremy_wordpress_theme_description = get_bloginfo( 'description', 'display' );
if ( $jeremy_wordpress_theme_description || is_customize_preview() ) :
?>
<p class="site-description"><?php echo $jeremy_wordpress_theme_description; /* WPCS: xss ok. */ ?></p>
<?php endif; ?>
<?php endif; ?>
</div><!-- .site-branding -->
<nav id="site-navigation" class="main-navigation">

23
style.css
View File

@ -879,6 +879,28 @@ a:hover, a:active {
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*
Site header
*/
.site-header {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 1fr;
grid-gap: 1rem;
margin-top: 1rem;
}
.site-branding {
grid-column: 2 / 6;
}
.main-navigation {
grid-column: 8 / 12;
}
/*
Site content
*/
.site-content {
display: grid;
grid-template-columns: repeat(12, 1fr);
@ -895,6 +917,7 @@ a:hover, a:active {
grid-column: 9 / 11;
max-width: 100%;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/