himanshu Dhingra
asked 7 years ago

Hello, I am a beginner at wordpress.
I am using DW wallpress theme and loving it, but problem which i am facing is
when I use my website in mobiles/tablets, the images gets re sized to larger size.
For eg I have two types of images on my website-
1) 100×50 px
2) 150×110 px
And it gets re sized to larger pixels on mobiles making it blur and look dirty.
What i want is that these images don’t get re sized in mobiles/tablets, but remains for the same size the are on the computer screen , ie same resolution.
Or there is another solution which i can accept, is that fix the featured image size to 100x50px whether on pc/laptop or mobile.

So any of the above solutions which is easy to implement, please tell me.

And also if i want search icon in mobile view, how to go about it.
Please please help me, which code i should modify?

Sorry for bad english.

Waiting for positive reply.

1 Answers
DominicStaff
answered 7 years ago

To resolve this issue, you can add the following code to the style.css file: 

.item-content img, .post-content img { width: auto; }

If you still face there issue, you can send me your site for further checking.
Hope this helps !

himanshu Dhingra
replied 7 years ago

Thank you thank you so much, it worked like magic and saved me from lot of trouble.One more thing, i want to add a search magnifier to my mobile/tablet view.Is there any way?

Dominic Staff
replied 7 years ago

To resolve this issue, you can add the following code to the Header Code (Dashboard > Customize > Custom code)
<style>
@media only screen and (max-width: 985px) {
#header #searchform {
display: block;
right: 42px;
}
}
</style>
Hope this helps !

Powered by DW Question & Answer Pro