Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #228358

    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

    #228633

    Hey Glyphism!

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

    Regards,
    Devin

    #229539

    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.

    #234612

    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

    #234664
    This reply has been marked as private.
    #234713

    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

    #234991

    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, 9 months ago by timovos.
    #235072

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

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