Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #424972

    Is there any way around this? Looks bad. I want the images to scale automatically along with the window being resized, like in Chrome.

    IE9:

    Chrome:

    #424980
    This reply has been marked as private.
    #425723

    Hey!

    Thank you for using Enfold.

    I checked the links provided above but they all lead to a 404 page. Please check. Make sure that you’re running Enfold 3.1.3 on WordPress 4.1.1.

    Regards,
    Ismael

    #427794

    Enfold 3.1.3 and WordPress 4.1.1 confirmed. Can you try accessing it again? Should work now.

    #428639

    Hey!

    Please try this in the Quick CSS field:

    .avia-msie .flex_column div a img {
      width: inherit;
      max-width: 100%;
      height: auto;
    }

    If it doesn’t work, use this:

    .flex_column div a img { max-width:100%; height: auto; }
    @media screen {.flex_column div a img { width: auto }}
    

    Remove browser cache before testing the page.

    Regards,
    Ismael

    #429904

    Unfortunately, neither of those snippets fix the problem. I tried in my child theme’s style.css, and also in the quick css tab as you suggested, and, each time, I wiped the cache prior to refreshing. Still no luck.

    To be clear: the behavior I expect to see is the images resizing along with the window, so they’re always next to the text, not under it like in the screenshot.

    #432397

    Hi!

    I doubt many people would use Internet Explorer that way, have you checked it on an actual mobile device? you should know that a resized window doesn’t reflect the real mobile appearance.

    Cheers!
    Josue

    #432409

    Hi,

    Looks good on mobile. My clients are concerned, however, that when people resize their browser windows in IE9 (and older, I imagine), the image obstructing the actual text (by appearing under it), will make our site look like it was poorly designed. I kinda get where they’re coming from, and will try to explain that it’s a subset of users, those poor souls still using older IE versions. But their concern is still valid… if we could fix that effect, it’d be ideal. Now, I’m reasonable – if IE6 didn’t work, for example, it’s so old that I’d actually recommend putting a message telling the user to upgrade their browser, or move on at their own risk. That’s fair due to the age of IE6, but IE9? It’s not that old. Can something be done to fix this?

    If fixing isn’t a possibility due to a documentated lack of support for responsive design in IE9 (ie. it’s not the theme’s fault, it’s the browser that lacks flexibility), do let me know. It’d be easier to justify that the problem remain unfixed on their website.

    Thanks in advance guys, I realize it’s an annoying kind of issue. I’d love to force people to use the latest version of everything, but, alas, not how things go.

    • This reply was modified 9 years, 7 months ago by champlainconted. Reason: more info
    #432499

    Hi,

    I understand that your clients are concerned but to be honest, that’s not an actual issue, resizing desktop IE to less than 767px it’s like provoking a problem that shouldn’t be there because no one uses IE like that, if you see something odd on IE desktop resolutions (1024×768 and more) let us know.

    Best regards,
    Josue

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.