Support » Theme: Twenty Fourteen » ie8/ie9 problem

  • Resolved ErkkiTuomi

    (@erkkituomi)


    The demo of the new theme Twentyfourteen seems to work fine on ie8 and ie9 testing it with browserstack but the site I’m developing doesn’t. It may well be that I have broken it but I cant’ figure out why.

    I wonder if the html5.js does the work to make html5 understandable for ie8 and 9?

    The site I’m working on: sanahaltuun.fi/wordpress

    greets!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter ErkkiTuomi

    (@erkkituomi)

    ok, more info. I’m doing a child theme and there’s ie.css stylesheet twentyfourteen/css folder. This might be a problem if the child theme’s css-file overrides ie.css, but still, how to fix?

    You need to bring in the /css/ie.css into your child theme and create a custom action in your functions.php like so:

    // remove ie css from twentyfourteen theme
    function mytheme_dequeue_styles() {
       wp_dequeue_style( 'twentyfourteen-ie' );
     }
     add_action( 'wp_enqueue_scripts', 'mytheme_dequeue_styles', 11 );
    //add new from child theme
    wp_enqueue_style( 'mytheme-ie', get_stylesheet_directory_uri() . '/css/ie.css', array( 'twentyfourteen-style' ), '1.0' );
    $wp_styles->add_data( 'mytheme-ie', 'conditional', 'lt IE 9' );

    Then you can customize the ie.css based on your other child theme style.css changes.

    Hope that helps!

    dognmonkey

    (@dognmonkey)

    Thank you fatpag76, it does work well, but the ie7 still activates the mobile theme for some reason, all sidebars move to the bottom of the page and “primary menu” on the header.

    Thanks again,

    Louis

    Thread Starter ErkkiTuomi

    (@erkkituomi)

    This sounds good but I couldn’t make it work. Unfortunately I still have this problem. So, I have a css-folder with ie-style in my child-theme.

    I did this (where “sanahaltuun” is the name of the child theme):

    // remove ie css from twentyfourteen theme
    function mytheme_dequeue_styles() {
    wp_dequeue_style( ‘twentyfourteen-ie’ );
    }
    add_action( ‘wp_enqueue_scripts’, ‘sanahaltuun_dequeue_styles’, 11 );
    //add new from child theme
    wp_enqueue_style( ‘sanahaltuun-ie’, get_stylesheet_directory_uri() . ‘/css/ie.css’, array( ‘twentyfourteen-style’ ), ‘1.0’ );
    $wp_styles->add_data( ‘sanahaltuun-ie’, ‘conditional’, ‘lt IE 9’ );

    But it gives error about the ‘sanahaltuun_dequeue_styles’.

    thanks,

    Eki

    dognmonkey

    (@dognmonkey)

    Hello Eki,
    I think you set up the child theme incorrectly, create a folder for the child theme, inside the folder named “sanahaltuun”, place your new style.css and a folder css with modified ie.css in it. In the new style.css, the header must have import url.

    /*
    Theme Name: Twenty Fourteen 0d0200/2c0600
    Theme URI: http://example.com/twenty-fourteen-child/
    Description: Twenty Fourteen Child Theme
    Author: idog
    Author URI: http://www.dognmonkey.com/techs12/
    Template: twentyfourteen
    Version: 1.0.0
    Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
    Text Domain: twenty-fourteen-child
    */

    @import url(“../twentyfourteen/style.css”);

    Thread Starter ErkkiTuomi

    (@erkkituomi)

    I have the child theme set up correctly. I still have no clue why the twentyfourteen demo works on ie8, and my website with a child theme doesn’t.

    Also it opens up the mobile menu. Not only the styles are all wrong, looks like the scripts dont’ work either.

    ie9 and browser on a microsoft phone works nicely.

    grazy.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I still have no clue why the twentyfourteen demo works on ie8, and my website with a child theme doesn’t.

    Weren’t the suggestions in this thread pointing out that the theme loads an IE stylesheet, that wasn’t being loaded in your Child Theme?

    Thread Starter ErkkiTuomi

    (@erkkituomi)

    Yes, thank you. That has to be it. I’ll keep on fighting and make the script work and load the IE stylesheet, which it doesn’t at the moment.

    thanks all,

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘ie8/ie9 problem’ is closed to new replies.