twenty eleven move search box

  • I want to move the search box out of my menu and into my header, over my header image.

    I’ve succeeded in commenting it out of my menu and, thanks to help here, have re-styled my menu to not leave a gap.

    How can I put it over the header image? I’d be glad of any help.

    https://www.theborrowdalestory.co.uk/

    Alan

    Apologies for multiple posting, I placed this as a secondary query in my previous question but realise it’s not reflected in the heading of that post.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Alan, It looks like you’ve already solved this from your site, but I am completely new to anything to do with web design and was very proud of myself when I worked out how to do this last night. Before I’d worked this out and was searching for an answer I came across your post and was annoyed that it wasn’t answered, so thought I’d post what worked for me.

    In my child theme to Twenty Eleven, I added the following to the stylesheet:

    #branding .only-search #searchform {
	top: 287px;
	z-index: 1;
}

    I played around with the pixel values until it sat exactly where I wanted it. If someone who knows what they’re doing sees this and it’s not the best way of doing it please let me know.

    Hope your site’s coming along alright, I love Borrowdale too!

    Kitty

    Thread Starter alanpmcd

    (@alanpmcd)

    Kitty That’s very kind of you, and I know the feeling of pride ?? I’ve actually deserted the 2011 theme for Graphene on the Borrowdale site for now. But I will store your coding for another site I’m working on ??

    Alan

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘twenty eleven move search box’ is closed to new replies.