How to make images responsive only for mobile?


#1

Hi, @syncboost, I have a new question only with you. Because other members of this forum looks crazy, they don’t reply anymore. Anyway, I hope you can! Right?

Actually, I want to be my all blog post images responsive only on mobile device. (Only: blog post images, no other like popular post snippets). I found some codes over the internet, used it but no luck. So any help?


#2

@purushottamkmq

Before Answering Your Questions, I will suggest you to read below articles.

Note -isMobileRequest is applicable only to smartphone devices and it does not apply to tablets, iPads etc.

Here is solution to your Problem,

Add Below Code in Your Template

<b:if cond='data:blog.isMobile'>
<style type='text/css'>
.post-body img {max-width:100%;}
</style>
</b:if>

You have to change .post-body img {max-width:100%;} as per your Template. This is just an Example.

Advice - First Read articles carefully, then EDIT your Template.

Brother, This is march. That’s why, people are coming here very less. Because, In this Month, Exams are going and even NINJA are also giving exams.

Thanks,

Robin Singh


#3

Thanks bro it worked over my blog. Especially for that second article.


#4

@purushottamkmq

Glad to know that it’s Works.

Thanks,

Robin Singh


#5

I think, you should wait with patience for every question you ask. Or, better, you should sent a private massage for somebody you know here to get right answer to solved your problem.