Support » Themes and Templates » How to Replace Search Box with a Logo in Twenty Eleven?

  • Hi there,
    I’ve tried a number of methods from various sources to remove the search box in Twenty Eleven and replace it with a Logo with partial luck.

    The only thing I accomplished successfully is
    – create a child theme
    – managed to prevent the search box from displaying above the header image using CSS

    /* Search Form */
    #branding #searchform {
    	display: none;
    }

    See here: http://www.insurancerecruiter.ca
    But I cannot figure out how to add a logo to the exact same spot.
    Would love some guidance. Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter apetrik

    (@apetrik)

    Well, I managed to get the logo into the header, but obviously I’m doing something wrong as I can’t figure out how to move a logo to the spot where the search box used to be.

    P.S. I followed this tutorial to get the logo into the header: http://www.blog.web6.org/twenty-eleven-logo-how-to-add-a-logo-in-twentyeleven-theme/

    Thread Starter apetrik

    (@apetrik)

    I’m getting closer. Take a look: http://www.insurancerecruiter.ca

    But I do need some help in getting the logo to line up next to the Site title and description.

    Here’s how I accomplished the current look:
    – it’s all done in the child theme btw
    – removed the search box with:

    /* Search Form */
    #branding #searchform {
    	display: none;

    added this:

    <hgroup>
    <strong><img class="logo-image" src="http://whatever/image.jpg" alt=""  /></strong>
    
    				<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
    				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</hgroup>

    styled like this:

    [CSS code moderated – a link to yur site is good enough to access the styles.]

    But how do I get the logo and the site title and description to line up on the same line?

    Bump. Been lookin’ all over for this answer… Thanks!

    How did you link the image? I cannot figure this out as you don’t have a link in your code?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to Replace Search Box with a Logo in Twenty Eleven?’ is closed to new replies.