Header (logo) and menu IE7 layout

  • babyatom

    (@babyatom)


    11 years, 1 month ago

    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)
  • msenate

    (@msenate)

    11 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" />
<![endif]-->
    msenate

    (@msenate)

    11 years ago

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

    Thread Starter babyatom

    (@babyatom)

    11 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?

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