WordPress.org

Ready to get started?Download WordPress

Forums

Responsive design with WordPress and Respond.js (2 posts)

  1. dedosinfo
    Member
    Posted 2 years 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!

  2. norton
    Member
    Posted 2 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" />
    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?

Topic Closed

This topic has been closed to new replies.

About this Topic