Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 24, 2014 at 7:35 am #228358
    Glyphism

    Hi guys,

    I’m in a bit of trouble and was hoping someone could assist. We have been doing some testing on a site we are building with Enfold, and from what I have read here IE8 does not recognise media queries, so it is shrinking the site width to 960px, which is in turn messing up our layout quite badly.

    However is there any way around this? Is there a way at all we can tell IE8 to show the site at a specific width otherwise it means we need to redesign the site purely based on IE8’s limitation – which is insane.

    Any help is appreciated, as we really need to get this working asap.

    Thanks,
    G

    February 24, 2014 at 7:31 pm #228633
    Devin

    Hey Glyphism!

    You can try: http://wordpress.org/plugins/respondjs/

    Regards,
    Devin

    February 26, 2014 at 1:21 pm #229539
    Glyphism

    Thanks for this link. I’ve had a look into it, but it looks like the script needs to reference a media query to work.
    This is fine for mobile media queries, but my custom.css file doesn’t have a media query setup for the normal desktop styles. Am I meant to create a new media query to contain all my custom css so this script will work? I’m a little confused on how it should be implemented with Enfold.

    March 10, 2014 at 11:39 am #234612
    Dude

    Hi!

    Actually IE8 shouldn’t shrink your website to 960px but it should display the website with a width of 1030px or 1210px (depends on the layout setting . Enfold > General Settings). Only browsers which support media queries will use a special styling for devices with 960px screens and 768px screens). Can you post a link to your website please and I’ll investigate the html/css code and check why IE8 doesn’t display it properly.

    Best regards,
    Peter

    March 10, 2014 at 1:29 pm #234664
    Glyphism
    This reply has been marked as private.
    March 10, 2014 at 2:33 pm #234713
    Ismael

    Hey!

    Thank you for using the theme. I hope you’re doing great.

    Please try to add this at the very bottom of custom.css or Quick CSS:

    .container {
width: 1030px\9;
}

    If it doesn’t work. Please use this: http://pastebin.com/tXEvsdQq

    Adjust the width if necessary.

    Regards,
    Ismael

    March 10, 2014 at 10:05 pm #234991
    timovos

    Had problems with the sidebar in IE 8 (rendered underneath the main content). Fixed it using:

    .inner_sidebar {
    float: left\9;
}
    • This reply was modified 10 years, 8 months ago by timovos.
    March 11, 2014 at 1:25 am #235072
    Glyphism

    Ismael, that solved the problem. Thank you so much. I really appreciate the help. I was in a bit of trouble there without it.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘IE8 Site Width Problems’ is closed to new replies.