WordPress.org

Support

Support » Themes and Templates » Path » [Resolved] Full width and responsive header image

[Resolved] Full width and responsive header image

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Sami Keijonen

    @samikeijonen

    Member

    You could copy header.php to child theme and move this code outside #header.

    <?php if ( get_header_image() ) { /* if header image is set use it as logo. */ ?>
    
    <h1 id="site-title"><a href="<?php echo home_url(); ?>" title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>"><img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" /></a></h1>
    
    <?php } else { ?>
    
    <h1 id="site-title"><a href="<?php echo home_url(); ?>" title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
    
    <?php }  ?>

    You need some css styling after that.

    Thanks a lot! It works! 🙂

    I set [#site-title img] width to 100%. Now the header image remains a little bit stretched. What should be the optimal image length in pixels to avoid stretching and loosing sharpness? 1920px?

    Theme Author Sami Keijonen

    @samikeijonen

    Member

    Yep something like that.

    Hi, is there a way to use a standard 900 wide header on Path theme?

    What do you mean when you say child theme?

    And do I delete the header template and just add that snippet up there to function.php?

    Thanks, just a little confused and trying to understand your instructions.

    Theme Author Sami Keijonen

    @samikeijonen

    Member

    Open new topic for new questions.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Full width and responsive header image’ is closed to new replies.
Skip to toolbar