Re: twentytwelve theme css mess

[Historical Forums User]

Hey jk,
I noticed a couple of things that are causing your issue

1. You are using clear:both; on the search form and on all h1 tags.
2. But then you are overwriting the clear:both using positioning attributes
3. This will be a never ending battle when building a responsive site and a lot of unnecessary CSS

I would recommend that you

1. Remove position attributes from all elements in your header
2. Look at using clear:right on search from instead of clear:both
3. Remove the clear:both from h1 and h2 tags
4. Re-position elements using margin and padding

* Side note I would look at removing the clear:both from your h1, h2,h3, h4, h5, h6 elements and create a class that you call only when you need to use the clear:both attribute.

If this does not work for you try putting the code in Codepen an leaving us a link here.