Responsive images and text in posts

  • Boon

    (@eliakristan)


    10 years, 10 months ago

    I have tried achieving this through css and various mobile plugins, but so far no success.

    The problem is that when an image or an image thumbail that takes up let’s say one fifth of the article width on a desktop device, on the mobile device takes up half or more (img width=133px so not that big) of the article space, messing with the layout.

    While holding the mobile screen vertically and horizontally, text and image size remains the same which makes articles sometimes lose their layout and readability.

    In some other themes, when viewed on a smaller screen, the layout stays the same with proportionately smaller images, text and sidebar widgets, i was wondering if this is possible for this (amazing) theme as well?

    Thanks in advance

Viewing 1 replies (of 1 total)
  • Jason G.

    (@jggeorgebellsouthnet)

    Not sure what CSS you have tried or if this CSS will help with proportion… however, it does help with making an image “responsive” to mobile devices, etc. Try adding or verifying you have the following:
    img {
    border: none;
    width: auto\9; /* ie8 */
    max-width: 100%;
    height: auto;
    }

    This has worked well for me. Hope this helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive images and text in posts’ is closed to new replies.