Header (logo) and menu IE7 layout

  • Hi,
    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!

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

  • 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="https://localhost/wp-content/themes/hum/styleIE7.css" />
<![endif]-->

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

    Thread Starter babyatom

    (@babyatom)

    Thanks for this.
    I’ve tried it but it’s not doing it for me – the layout’s still wrong. Here’s a screengrab https://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?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header (logo) and menu IE7 layout’ is closed to new replies.