• njryan20

    (@njryan20)


    Hello,

    I am a designer and recently had a custom WordPress theme built with bootstrap framework. The theme works and looks fine on the major browsers, however, I am having some problems with the footer floating to the top in Internet Explorer. Most of my clients are small to medium size businesses and unfortunately still believe in Internet Explorer. Therefore I need to find a cross browser solution instead of installing a browser check plugin.

    I have some experience developing in WordPress but not enough to know where to start with solving this type of issue. Please help me in assuring the theme is compatible across all browsers.

    Thank you

    Theme URL: https://nxcatalano.wpengine.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Internet explorer is a legit browser. Now which version of IE are you trying to support?

    You are loading Bootstrap.js before jquery
    all js should be in the footer after jquery

    Nor are you using any of the JS to make Bootstrap work in IE
    html5shiv.js
    respond.js
    ie10-viewport-bug-workaround.js

    Adam Morgan

    (@adam3128)

    Hi njryan20,

    You seem to be having this issue in IE 11 because of the flex order.

    The main content div “site-content” has it’s flex order set to 1.

    The following divs – “below-page”, “above-footer” etc are not part of this div and do not have an order assigned, so they default to the top.

    You would ideally need to set an order to these divs or remove the one from site-content which will make it fallback to it’s original order. I couldn’t comment if this would effect your site in any other way though.

    I hope this helps.

    Adam

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

The topic ‘Custom WordPress Theme problems in Internet Explorer’ is closed to new replies.