Responsive design with WordPress and Respond.js

  • dedosinfo

    (@dedosinfo)


    12 years, 5 months ago

    Hi folks.
    I’m trying to implement a responsive design in a WordPress theme.
    I used some media queries (@min-width) and it works beautifully in Firefox, Chrome, Opera etc. In Internet Explorer 8 and down it sucks, of course.
    So I decided to implement the respond.js script, but it seems it’s not interacting with my CSS file. The layout on IE is just broken.

    The site address:
    http://www.ccm-ita.org.br (don’t bother to click links, it’s just the home i’m testing)

    The css file that contains the queries is home.css

    Any help will be appreciated and I can link to your website on the CSS comments (not much I know).

    thanks!

Viewing 1 replies (of 1 total)
  • norton

    (@nortonon)

    12 years ago

    Hi dedosinfo.
    after long research i figured out that the respond.js only works if you call the CSS-file with a relative path. E.g.:
    <link rel=”stylesheet” type=”text/css” media=”all” href=”style.css” />
    and not:
    <link rel=”stylesheet” type=”text/css” media=”all” href=”http://mydomain.com/wp-content/themes/mytheme/style.css&#8221; />
    The Point is that WordPress won’t handle this call anymore. WordPress need the absolute path. I even used the Respond.js-Plugin, but it still didn’t make it work for the Internet Explorer.

    I see that meanwhile you could make it work for IE. Could you give me a hint?

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive design with WordPress and Respond.js’ is closed to new replies.