How to put title OVER the header image in Twenty Eleven

well…

1. Copy the header.php from /themes/twentyeleven to your childtheme directory

2. Open it and find the following lines (at line 99 by default)

<?php
				// Has the text been hidden?
				if ( 'blank' == get_header_textcolor() ) :
			?>
				<div class="only-search<?php if ( ! empty( $header_image ) ) : ?> with-image<?php endif; ?>">
				<?php get_search_form(); ?>
				</div>
			<?php
				else :
			?>
				<?php get_search_form(); ?>
			<?php endif; ?>

Delete it… take care that you are editing in your childthemes header.php

3. Create an empty functions.php or if you already have your own, use this. Add this between the <?php and ?>

//add search field to nav-menu
  function fb_add_search_box ( $items, $args ) {
      // only on primary menu
      if( 'primary' === $args -> theme_location )
          $items .= '<li class="menu-item menu-item-search">' . get_search_form( FALSE ) . '';
      return $items; }
  add_filter( 'wp_nav_menu_items', 'fb_add_search_box', 10, 2 );

4. Add this to your style.css in your childtheme directory

/*
  Search Form in Menu
*/
#access #searchform
{
  position: static;
  float: right;
  padding-top: 6px;
  padding-right: 4px;
}

#access input#s
{
  background-color: #505050;
  border-color: #7c7c7c;
}

/*
  blog title
*/
#branding hgroup
{
  position: absolute;
}

5. Change the text-color in your theme-settings (backend) to a better fitting one like white 😉

Hope this will do – let me know…

[mod: reminder: keep the posted code to 10 lines max – for more use the pastebin]

hmm… now the text is on the correct position or?
The Header is a link to the blog home by default 🙂 we’ve changed – nothing this is twentyeleven itself 😉

searchform… can you pls post your full functions.php from your childtheme directory? (if it has more that 10lines pls use http://pastebin.com/ ) 😉

hmmm… in my twentyeleven theme the hole image is a link by default… should we change it, so that only the text is a link?

ok… wrong filter, my fault pls delete the old code from step 3 😉 and replace it with this new one…

//add search field to nav-menu
add_filter( 'wp_page_menu', 'fb_add_search_box', 10, 2 );
function fb_add_search_box ( $items, $args ) {
  $items .= '<li class="menu-item menu-item-search">' . get_search_form( FALSE ) . '';
  return $items;
}

so your functions.php sould look like this

<?php
add_action( 'after_setup_theme', 'my_child_theme_setup' );
//add search field to nav-menu
add_filter( 'wp_page_menu', 'fb_add_search_box', 10, 2 );
function fb_add_search_box ( $items, $args ) {
  $items .= '<li class="menu-item menu-item-search">' . get_search_form( FALSE ) . '';
  return $items;
}
?>

Header-Image-Link

1.)
Open your header.php (childtheme directiry) and search for
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
delete it

2.)
Delete also the closing </a> (probable somewhere in line 94-98)

3.)
Save, Upload, Done 🙂

Search-Field-Direction
I will try to figure out whats the right solution for you… will getinng some trouble with the positioning 😉 dont know if i can fix it this night… but here is a litte update for your functions.php … that will not fix the extending direction but another little mistake… 😉

<?php
add_action( 'after_setup_theme', 'my_child_theme_setup' );
//add search field to nav-menu
add_filter( 'wp_page_menu', 'fb_add_search_box', 10, 2 );
function fb_add_search_box ( $items, $args ) {
  $items .= get_search_form( FALSE ) . '';
  return $items;
}
?>

…oy my…
exchange all the help… yes there is a way… try to help others if you can 🙂 thats all 😉

my first test worked 🙂

childtheme style.css update like it follows:

#access #searchform
{
  position: static;
  float: right;
  padding-top: 6px;
  padding-right: 265px;
}

#access input#s
{
  background-color: #505050;
  border-color: #7c7c7c;
 position: absolute;
}

//EDIT
I have try to mark 😀 the changes… pls delete the <strong> </strong> in the css 😀

tested in Firefox, Chrome and IE8…

Good job, looking pretty now 😉
And sorry for my english… its hard to explain sometimes…

Yeah, that would be nice, but just a little link to http://www.egado.de I’ll still working on the layout… hope my blog is gonne be launched this year 😀

You’re Welcome!

damn… now i’m a little bit moved to tears – BIG THX for your credits 🙂
And have a lot of fun with your blog…