WordPress.org

Ready to get started?Download WordPress

Forums

Path
[resolved] IE 8 responsive design (20 posts)

  1. emmawp
    Member
    Posted 1 year ago #

    Hello! I am using the Path theme (thanks, it's great!) but have just discovered that my site is appearing with the mobile design in IE 8. Is there any way to ensure that IE 8 displays the standard site design? Thanks!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Sorry, it's a bug with IE8.

    Is there any way to ensure that IE 8 displays the standard site design?

    Sure, some CSS modifications should resolve that. Probably need to create an entirely new stylesheet just for IE8 and manually write the desktop styles.

    See http://stackoverflow.com/questions/5769493/ie8-support-for-css-media-query
    http://codex.wordpress.org/Child_Themes

  3. emmawp
    Member
    Posted 1 year ago #

    Okay, thanks! Unfortunately that fix would be well beyond my abilities. Should I be concerned about many other browsers doing this or is it specific to IE8? I've tried to use browsershots.org to check for myself but I'm being blocked. Thanks!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Should I be concerned about many other browsers doing this or is it specific to IE8

    It seems Media Queries do not work in:
    IE 9-,
    Firefox 1+ (up to and not including the new versions),
    Safari 2,
    Opera 7-

    https://code.google.com/p/css3-mediaqueries-js/
    That link also shows a JavaScript library that you could adopt to resolve the issue, but note that it doesn't work with @import styles.

    Sorry, I don't think there is a plugin that fixes Media Queries for you.

    I recommend finding a theme that does not incorporate a mobile or responsive version.

  5. emmawp
    Member
    Posted 1 year ago #

    Wow, what a nightmare! I guess I will have to change themes (why would anyone use media queries if they won't work for so many viewers when IE still has such a chunk of marketshare?), but that's such a shame!! I really like the Path theme otherwise.

    I don't even know where to look to find whether or not @import styles are being used. I searched through the Path stylesheet and don't see "@import" used anywhere. But the stylesheet is optimized so I'm not actually able to read it, and I don't know what else to be looking for.

    I'm using a different responsive theme for another site that looks fine in IE8, but I guess I just got lucky with that!

    Thanks for the info!

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    why would anyone use media queries if they won't work for so many viewers when IE still has such a chunk of marketshare?

    Some organisations don't even aim to reach the users of old browser versions anyway, because they're out of their demographic. It matters not if the website cannot be viewed by them.

  7. emmawp
    Member
    Posted 1 year ago #

    Okay, thanks. I want to be able to reach everyone. I've been trying for hours to put in a fix using some of the suggestions you mentioned, but nothing is working and I don't know enough about this stuff to see how to straighten it out.

    I'd love to put in a request to the creator of the theme to ask if perhaps there would be a way to address this (by including an IE stylesheet?] in a future update. Many thanks!

  8. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    Link to your site and I show you what to do. Path works just fine with IE8 also but if you're using child theme there is one little trick you should do.

  9. emmawp
    Member
    Posted 1 year ago #

    Thank you so much! Yes I just this moment realized that the fact that I am using a child theme seems to be causing the problem -- that's where the "@import" must be causing havoc. My site (not yet ready for launch) is here: http://www.startaskingquestions.com/. Thanks again -- I really like Path and want to stick with it!!

  10. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    You should remove @import rule and copy all styles from parent theme style.css to child theme style.css.

    @import rule doesn't work with respond.js and that's the tool that enables media queries in legacy browsers like IE8.

  11. emmawp
    Member
    Posted 1 year ago #

    Ah okay! Thank you again!! Now it is looking great in IE 8 -- I really appreciate your help!

    But, one thing. I'm now getting this error message in my Path Child editor in WordPress:

    "This theme is broken. Template is missing."

    I can't see a visible problem with the site. Is there something else I have to do to the child theme stylesheet to fix this?

    Thanks again!

  12. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    Well that's because you are missing that Template:) Child theme style.css header should look something like this.

    /**
     * Theme Name: Path Child
     * Theme URI: http://foxnet.fi
     * Description: A child theme of Path parent theme.
     * Version: 0.1
     * Author: Sami Keijonen
     * Author URI: http://foxnet.fi
     * Tags: post-formats, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, flexible-width, left-sidebar, right-sidebar, custom-background, custom-header, featured-images, editor-style, red, white, light
     * License: GNU General Public License v2.0
     * License URI: http://www.gnu.org/licenses/gpl-2.0.html
     * Template: path
     */

    You're missing the most important line.

    * Template: path

  13. emmawp
    Member
    Posted 1 year ago #

    Fixed! I'm so thrilled. Thank you again!

    This is an example of both the problem and the joy of wordpress -- a novice can play around and get stuff mostly working, but also runs the risk of getting completely lost and confused! Having support like this is completely invaluable for someone like me. I am so grateful!

    And thanks again for the great theme!

  14. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    And this is nothing compared to official support of Path theme at Theme Hybrid.

    http://themehybrid.com/support/forum/path

    [Advertisement moderated]

  15. leejosepho
    Member
    Posted 1 year ago #

    This is an example of both the problem and the joy of wordpress -- a novice can play around and get stuff mostly working, but also runs the risk of getting completely lost and confused! Having support like this is completely invaluable for someone like me. I am so grateful!

    Double-ditto here. I was in the process of turning my Twenty Twelve Child Theme into a modified Twenty Twelve to get rid of that pesky @import line, then I found this thread with a much better way to proceed. Many thanks to you, emmawp, for asking the question, and especially to you, Sami Keijonen, for such a fine solution!

  16. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    I'd like add couple of notes here.

    1. For most people there is no reason to support IE8 anymore because they site don't get traffic with that browser. Any many theme developers don't support IE8 because it kinds of slow us down to create new stuff and better themes.

    2. For future themes of mine there is not gonna be this @import problem because parent and child theme style.css is loaded automatically.

  17. emmawp
    Member
    Posted 1 year ago #

    leejosepho, i'm glad this was helpful and that i'm not the only one struggling a bit to make sense of all this :)!

    and sami keijonen, from what i've read, internet explorer is a real drag (to say the least) for web designers/developers so i totally understand. but, as of feb 2013, it seems that IE 8 was still the world's most popular browser (http://thenextweb.com/insider/2013/03/01/internet-explorer-continues-growth-past-55-market-share-thanks-to-ie9-and-ie10-as-chrome-hits-17-month-low/). even if that data isn't totally accurate (which the comments suggest), it seems hard to give up on it completely quite yet, especially for non-profits. for now at least, it's great to have this solution. so thanks again!

  18. galeroy
    Member
    Posted 9 months ago #

    "1. For most people there is no reason to support IE8 anymore because they site don't get traffic with that browser."

    Browser use by type in the U.S. in 2013:
    http://gs.statcounter.com/#browser_version-US-monthly-201303-201308-bar

    Browser use by type in Europe in 2013:
    http://gs.statcounter.com/#browser_version-eu-monthly-201303-201308-bar

  19. ZehrGut
    Member
    Posted 4 months ago #

    The BEST solution I’ve tried and it worked just fine in IE8 with responsiveness without any additional js-files:
    http://ulrich.pogson.ch/how-to-load-the-parent-styles-in-child-themes

  20. Sami Keijonen
    Member
    Theme Author

    Posted 4 months ago #

    IE8 still needs respond.js. It does not understand media query without it.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.