Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 7, 2015 at 9:40 pm #424972
    champlainconted

    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:

    April 7, 2015 at 9:45 pm #424980
    champlainconted
    This reply has been marked as private.
    April 9, 2015 at 7:24 am #425723
    Ismael

    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

    April 13, 2015 at 9:06 pm #427794
    champlainconted

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

    April 15, 2015 at 3:56 am #428639
    Ismael

    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

    April 16, 2015 at 9:12 pm #429904
    champlainconted

    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.

    April 21, 2015 at 9:46 pm #432397
    Josue

    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

    April 21, 2015 at 9:57 pm #432409
    champlainconted

    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, 6 months ago by champlainconted. Reason: more info
    April 22, 2015 at 3:05 am #432499
    Josue

    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

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