Issue with excerpt image

  • Resolved Sudheer Tammini

    (@sudheer2011)


    9 years, 1 month ago

    Hi Tom,

    Based on one of your answer I’ve added below code to css to reduce size of excerpt image, although it looks perfect in desktop, in mobile the size is not responsive. Do you think we have some workaround for the same..?

    .post-image img {
    max-width: 550px;
    }

    Thanks for your help in advance..!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    That code should be responsive as it’s using max-width, which means it will size down to fit the container if the container is less px than that.

    Can you link me to the page so I can see what’s wrong with the image?

    Let me know ??

    Thread Starter Sudheer Tammini

    (@sudheer2011)

    Hi here you go https://www.settingbox.com

    Thanks,
    Sudheer

    Theme Author Tom

    (@edge22)

    Typically you’d want to do this:

    .post-image img {
    max-width: 100%;
}

    But if you want to use 550px on desktop, you can use this for mobile:

    @media (max-width: 768px) {
    .post-image img {
        max-width: 100%;
    }
}
    Thread Starter Sudheer Tammini

    (@sudheer2011)

    Hi Tom – Its working great…!! thank you.

    Theme Author Tom

    (@edge22)

    Awesome! Glad I could help! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Issue with excerpt image’ is closed to new replies.