Bootstrap and Customizr issue on Windows Phone 8

  • Resolved Dario_Arc

    (@dario_arc)


    10 years, 10 months ago

    I have made my web site using Customizr Theme.
    Browsing with a Windows Mobile 8 smartphone (Nokia 920) I noticed some problem in responsive web design: “featured pages” images on home page did not shift one below the other and header and footer width did not fit to smartphone screen resolution and did not readapt to it. Searching on internet I have found that this is a windows mobile problem. I have found a solution here: ‘https://geekswithblogs.net/dotgeek/archive/2013/08/06/how-to-fix-the-bootstrap-issue-on-windows-phone-8.aspx’
    It is necessary to insert a function,specified in that suggestion, in the <head> section of the site.
    I have made that by inserting the function directly in my class-header-header_main.php in my child theme. What I would like to do is inserting the function using my child function.php, but I do not know how to do that. Please, help me giving a suggestione to insert in the head the function code:
    ‘<script type=”text/javascript”>

    (function() {
    if (“-ms-user-select” in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/)) {
    var msViewportStyle = document.createElement(“style”);
    msViewportStyle.appendChild(
    document.createTextNode(“@-ms-viewport{width:auto!important}”)
    );
    document.getElementsByTagName(“head”)[0].appendChild(msViewportStyle);
    }
    })();

    </script>’
    Thanks in advance

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Bootstrap and Customizr issue on Windows Phone 8’ is closed to new replies.