Header (logo) and menu IE7 layout (4 posts)

  1. babyatom
    Posted 3 years ago #

    Loving this sleek theme. And I thought all was well until I checked my demo site in IE7. The left-hand area (with the logo and navigation) gets shunted across to the right and overlaps the content area.
    I've totally no idea how to solve this. I've looked around and don't really understand others' IE7 fixes and therefore can't adapt them to this. Help!

  2. msenate
    Posted 3 years ago #

    This solution works, but I agree it's unclear.

    1. copy all the style declarations from the * RESPONSIVE STRUCTURE section of hum/style.css
    2. paste those styles into hum/styleIE7.css but remove each @media (...) { line and their closing braces } since we don't need them (there should be three I believe).
    3. copy twentyeleven/header.php to hum/header.php
    4. In hum/header.php add the following lines (between the <head> and </head> tags, maybe near another <link rel="stylesheet"... tag):
      <!--[if IE6 | IE 7]>
      <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wp-content/themes/hum/styleIE7.css" />
  3. msenate
    Posted 3 years ago #

    I grabbed the styleIE7 sheet I made (step 2) and threw it here: https://gist.github.com/msenateatplos/5315300

  4. babyatom
    Posted 3 years ago #

    Thanks for this.
    I've tried it but it's not doing it for me - the layout's still wrong. Here's a screengrab http://sellingacademy.uncomplicate.me/wp-content/uploads/2013/04/IE7.tiff (I'm afraid I can't link to the site as it's currently using a different theme).
    Any ideas?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.