Remove search box [Twenty Eleven]

Oh good! So glad IIII was able to help someone, LOL!

But I’m still stuck. I really want my title to reach across that white space and stop wrapping and being all crunched up in the left corner. I’m willing to fool around with the code to do it, but I’m not PHP proficient so I need help knowing exactly what to do. I know a little more about HTML than php. Anyone?

Try using Firefox with the Firebug add-on for this kind of CSS work.
https://getfirebug.com/

Thank you esmi, I will look into the firefox firebug add-on. Currently I do any html work in a very simple format, notepad ++. I’m “old school”! LOL

I still need to know WHAT to do. I can’t do this alone. I looked at the css once already and didn’t see what I needed. I’m hoping to get some help with this.

So here’s the question again: when I removed the search bar from the title line on my twenty eleven child theme, it left an empty area that the title doesn’t use. I would like to eliminate the empty area.

Thanks!

Currently I do any html work in a very simple format, notepad ++.

As do most theme developers – myself included. But this is a CSS issue – not HTML.

OK, CSS – I guess I need to try the fire bug and hopefully I’ll be able to find the problem?

Good to know I’m in a class with theme developers. I always considered myself a noob that don’t know nothin’, and using the wrong software bc I don’t know any better! LOL

Thanks esmi, I guess it’s up to me to try and figure this out.

Once Firebug is installed, use the right click-> Inspect Element option to view the CSS that is being used on any given page element. If you start by inspecting elements in the header area, you’ll see that #site-title has a large right margin. You need to set that margin to zero in your child’s style.css file to overwrite the parent’s CSS.

esmi, I’m looking at the css and I just don’t know what to do. I don’t know where to start. I don’t want to comment out the search form bc I DO want to use the search, I just don’t want it in my header. Right now I’m using it in the footer, but that may change, I’m not sure yet. I just know that I want my header to be very clean – most of my users are accessing with mobile devices.

Should I post the code here? maybe you or someone else can help me if I post the entire css stylesheet here?

Oh thank you esmi, I didn’t see your previous post. I will try it right now! THANK YOU!

Wow, This was a HUGE help – What a great resource. thank you esmi, it worked brilliantly, and now that I have this tool I’m working on other things I want to change.

Thank you for sharing – I used it to remove the second search bar from the header of https://noseyparka.me.uk.

I have a problem in wordpress..whaen i search “trolley-thumbnail” using search box then banner shows “trolley-thumbnail” image…please help ….its urgent..

I am using this theme in my wordpress site..

https://www.throwingabrick.com/wordpress/customizing-twenty-eleven-theme-banner.html

Thanks, Chip! Worked like a champ.