WordPress.org

Ready to get started?Download WordPress

Forums

Snaps
Repleacing Header Text with Logo (5 posts)

  1. jdmichal
    Member
    Posted 4 months ago #

    Hello,

    I'm trying to replace my header text with a logo. I've done this poorly by editing the header.php in my child theme. Can you suggest a better way that will work on phones and tablets as well? My current attempt isn't doing the trick.

    Here's the code I've currently added to the child header.php

    <div
       style="
          top: 7;
          left: 37%;
          position: absolute;
          z-index: 1;
          visibility: show;">
    <img src="http://dmichalarchitect.com/wp-content/uploads/2014/04/DMA_Logo_transparent.png" alt="My Logo alt text" />
    </div>

    Thanks!
    -Justin

  2. kevloucat
    Member
    Posted 4 months ago #

    Hey Justin,

    Replace the following code in the header.php file

    <h1 class="site-title">" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></h1>

    With this:

    <h1 class="site-title"><img src="file-path-to-your-logo" alt="logo name"></h1>

    Best,
    Kevin

  3. jdmichal
    Member
    Posted 4 months ago #

    Wow, thank you so much for the fast reply! It looks great!!!

  4. IdealCorp
    Member
    Posted 4 months ago #

    Hey !
    thank you both; to have asked the question and to have answered it. I did it too in my website, one thing is still a problem :
    the png logo in the header isn't responsive with firefox :(

    if anyone has an answer, you're welcome

    thanks

  5. kevloucat
    Member
    Posted 4 months ago #

    No problem. I knew this from another site several months ago.

    As for Firefox, the logo isn't changing size but it's staying centered. That's good enough for my situation. This is how mine is behaving:

    http://www.mattmcleodfineart.com/

    IdealCorp your question may be out of my league. Lol. Sorry!

    Best,
    Kevin

Reply

You must log in to post.

About this Theme

About this Topic

Tags