Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 26, 2015 at 8:34 pm #418787
    gtsomething

    Hi,

    I’m having a problem with images in my blog posts that I’m hoping you guys can help me out with. I’m using full width blog posts with no sidebar.

    When I have my browser window fully expanded, or larger than the width of my blog, the images show up fine. But when I shrink the window down to smaller than the images, the text resizes fine, but the images don’t, and they simply cut off.

    Now, I am using just the regular old “insert media” that WordPress lets me in the blog post, but I’ve also tried to use the Avia builder “Image” shortcodes, and still, the images cut off. The only time they don’t cut off is when I make a mini gallery, then they will resize to the size of the window.

    I’ve attached some screenshots to show what I mean:

    Normal: http://i.imgur.com/uoyQSzN.png

    Dramatically shruken window showing cut-off: http://i.imgur.com/p1ajaUG.png

    Dramatically shruken window showing regular image being cut off (top), but the gallery resizing normally: http://i.imgur.com/iqbVVtU.png

    How it looks on my phone, and why it’s a huge problem: http://i.imgur.com/Po6k6yq.png

    • This topic was modified 9 years, 8 months ago by gtsomething.
    March 27, 2015 at 4:51 am #419072
    gtsomething

    I feel like there is a very simple answer/solution to this that I don’t know… ……bump

    March 27, 2015 at 5:32 pm #419469
    gtsomething

    Part of my reason for getting Enfold was because it boasted amazing customer service, which I can see by looking at this support forum, so I’m very frustrated to see not a single reply in nearly 24 hrs…

    March 28, 2015 at 5:55 am #419741
    Rikard

    Hi!

    When someone replies to a thread it goes to the back of the line, and we try to reply to the oldest posts first, so bumping your own thread has an adverse effect here :)

    Could you please post a link to the site in question so that we can have a closer look?

    Best regards,
    Rikard

    March 28, 2015 at 7:49 pm #419890
    gtsomething

    Hi!

    Yay! Finally, a reply! Well, now I know lol.

    Site in question: http://www.kevintuong.com

    March 30, 2015 at 8:12 am #420244
    Rikard

    Hey!

    On what kind of browser and medium are you getting these problems? I checked your front page and blog on desktop using Chrome, resizing the window and everything responds nicely, just as it does on iPhone 4 also using Chrome. Could you try to empty your browser cache and reload a few times to see if that helps?

    Cheers!
    Rikard

    March 30, 2015 at 7:13 pm #420723
    gtsomething

    I use Chrome, but I’ve tested this on both Firefox and IE. For my phone, it’s a Samsung S3, also running Chrome. I tried it in an incognito window and I’m getting the same thing.

    The front page and main blog page resize fine, but inside of an actual blog post, they images don’t, something like this:

    http://www.kevintuong.com/restraunt-review-bullocks-bistro/

    April 1, 2015 at 4:20 pm #421989
    Elliott

    Hi!

    You have some custom CSS causing this behaviour.

    .template-blog article * {
  max-width: 1200px;
}

    Change it to this.

    .template-blog article * {
  max-width: 100%;
}

    Regards,
    Elliott

    April 2, 2015 at 4:20 am #422255
    gtsomething

    Hey!

    That works! Thanks! I don’t actually remember why I had that set, I think I was searching stuff up on this forum, don’t remember what for, but came across that code and it worked… so I’ll have to wait and see if it effected anything else.

    Thanks!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Blog Image resizing for smaller window’ is closed to new replies.