Mobile Responsive

Hi,
first of all remove the background img for the class profile img..

Below is the code for that page

then for the class .post-t u have given a height and width which is creating that image stretch..

<div class=”contents-mana”>
<h3>Prof. Dr. Christian R?dl, LL.M. (Columbia Univ.)</h3>
Managing Partner and Chairman of the Management Board
Attorney at Law (Germany), Certified Tax Consultant (Germany), Certified Advisor for International Tax Law (Germany)
phone: +49 (9 11) 91 93-10 00
fax: +49 (9 11) 91 93-70 00
christian.roedl?@?roedl.de

</div>
<div class=”pics”><img class=”alignnone size-full wp-image-332″ src=”https://www.wforoedl.com/wp-content/uploads/2015/11/Prof-Christian-Roedl-GFP.jpg&#8221; alt=”Prof-Christian-Roedl-GFP” width=”220″ height=”160″ /></div>
<div class=”contents-mana”>
<h3>Dr. Peter B?melburg</h3>
Managing Partner
Certified Public Auditor (Germany), Certified Public Tax Consultant (Germany)
phone: +49 (2 21) 94 99 09-100
fax: +49 (2 21) 94 99 09-90
peter.boemelburg?@?roedl.pro

</div>
<div class=”pics”><img class=”alignnone size-full wp-image-333″ src=”https://www.wforoedl.com/wp-content/uploads/2015/11/Peter-Boemelburg-GFP.jpg&#8221; alt=”Peter-Boemelburg-GFP” width=”220″ height=”160″ /></div>
<div class=”contents-mana”>
<h3>Dr. José A. Campos Nave</h3>
Managing Partner
Attorney at Law (Germany), Specialist Tax Lawyer, Specialist Commercial and Corporate Lawyer

phone: +49 (61 96) 7 61 14 – 702
fax: +49 (61 96) 7 61 14 – 704
jose.campos-nave?@?roedl.com

</div>
<div class=”pics”><img class=”alignnone size-full wp-image-368″ src=”https://www.wforoedl.com/wp-content/uploads/2015/11/Dr-Jose-Campos-Nave-GFP.jpg&#8221; alt=”Dr-Jose-Campos-Nave-GFP” width=”220″ height=”160″ /></div>
<div class=”contents-mana”>
<h3>Wolfgang Kraus</h3>
Managing Partner
Certified Public Auditor (Germany), Certified Tax Consultant (Germany)

phone: +49 (9 11) 91 93-33 33
fax: +49 (9 11) 91 93-93 33
wolfgang.kraus?@?roedl.de

</div>
<div class=”pics”><img class=”alignnone size-full wp-image-370″ src=”https://www.wforoedl.com/wp-content/uploads/2015/11/Wolfgang-Kraus-GFP.jpg&#8221; alt=”Wolfgang-Kraus-GFP” width=”220″ height=”160″ /></div>
<div class=”contents-mana”>
<h3>Martin Wambach</h3>
Managing Partner
Certified Public Auditor (Germany), Certified Tax Consultant (Germany)

phone: +49 (2 21) 94 99 09-100
fax: +49 (2 21) 94 99 09-900
martin.wambach?@?roedl.com

</div>
<div class=”pics”><img class=”alignnone size-full wp-image-371″ src=”https://www.wforoedl.com/wp-content/uploads/2015/11/Martin-Wambach-GFP.jpg&#8221; alt=”Martin-Wambach-GFP” width=”220″ height=”160″ /></div>
<div class=”contents-mana”>
<h3>Dr. Hans Weggenmann</h3>
Managing Partner
Certified Tax Consultant (Germany), Head of tax law practice

phone: +49 (911) 91 93-1050
fax: +49 (911) 91 93-7050
hans.weggenmann?@?roedl.de

</div>
<div class=”pics”><img class=”alignnone size-full wp-image-372″ src=”https://www.wforoedl.com/wp-content/uploads/2015/11/Dr-Hans-Weggenmann-GFP.jpg&#8221; alt=”Dr-Hans-Weggenmann-GFP” width=”220″ height=”160″ /></div>

`.profile-img{
background:none;
}

@karthima,

Thanks for your response.

What is the better way to do it ?

did u use bootstrap for ur code??

I see the bootstrap columns management only for medium screeens. May be you can provide bootstrap grids columns management for small screens and see the results. currently you have

<div class="col-md-3" id="contactus">
<div class="col-md-6">
<div class="col-md-3" id="contactus">

replace with

<div class="col-xs-12 col-md-3" id="contactus">
<div class="col-xs-12 col-md-6">
<div class="col-xs-12 col-md-3" id="contactus">

It does not help.

have you tried to replace the above lines in your template file?
I have downloaded the page and modified, it works for me.

from my observation u have used bootstrap and the reason for the issue is u had not properly used the bootstrap grid system and media queries..
and in ur code after the div container there is a div class=”raw”

which i believe its should be div class=”row”… a misspelling i guess..
n also c how to use media queries of bootstrap..if u understand that u can actually solve the prob..

See the following screenshots

https://i.imgur.com/MYyoagN.png
https://i.imgur.com/4VVsvjL.png
https://i.imgur.com/fLvD97q.png

for the reference

@codemovement.pk, can you advice the file I need to edit to get that done?
Thanks

in ur html file

Can find the html file. Where can it be found? Sorry for asking.