WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. babyatom
    Member
    Posted 1 year 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!

  2. msenate
    Member
    Posted 1 year 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]-->
  3. msenate
    Member
    Posted 1 year ago #

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

  4. babyatom
    Member
    Posted 1 year 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

Tags

No tags yet.