Enable header image in topbar

This commit is contained in:
Hippo 2019-08-04 15:16:31 +05:30
parent ffb63f49a8
commit c3c896b8bf
2 changed files with 14 additions and 1 deletions

View file

@ -25,6 +25,7 @@
<?php // Show topbar everywhere ?> <?php // Show topbar everywhere ?>
<nav role="navigation" class="topbar"> <nav role="navigation" class="topbar">
<a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'independent-publisher' ); ?>"><?php _e( 'Skip to content', 'independent-publisher' ); ?></a> <a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'independent-publisher' ); ?>"><?php _e( 'Skip to content', 'independent-publisher' ); ?></a>
<img src="<?php echo( get_header_image() ); ?>" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />
<?php // Show topbar menu if set, else primary menu ?> <?php // Show topbar menu if set, else primary menu ?>
<?php if ( has_nav_menu( 'topbar' ) ) : ?> <?php if ( has_nav_menu( 'topbar' ) ) : ?>

View file

@ -168,7 +168,8 @@ figure {
/* Topbar */ /* Topbar */
.topbar { .topbar {
display: block; display: flex;
align-items: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
background: white; background: white;
@ -202,3 +203,14 @@ figure {
text-decoration: none; text-decoration: none;
font-family: "Myriad Pro", Helvetica, Arial, sans-serif; font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
} }
.topbar img {
display: inline-block;
margin-left: 3rem;
margin-right: 0.5rem;
margin-top: 0.7rem;
margin-bottom: 0.7rem;
max-width: 100%;
max-height: 100%;
max-height: 3rem;
}