How to Replace Search Box with a Logo in Twenty Eleven?

  • apetrik

    (@apetrik)


    13 years ago

    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: https://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: https://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: https://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="https://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?

    mrcolj

    (@mrcolj)

    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.