The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS twentytwelve theme css mess Re: twentytwelve theme css mess


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.