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=”http://www.wforoedl.com/wp-content/uploads/2015/11/Prof-Christian-Roedl-GFP.jpg” 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=”http://www.wforoedl.com/wp-content/uploads/2015/11/Peter-Boemelburg-GFP.jpg” 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 Lawyerphone: +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=”http://www.wforoedl.com/wp-content/uploads/2015/11/Dr-Jose-Campos-Nave-GFP.jpg” 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=”http://www.wforoedl.com/wp-content/uploads/2015/11/Wolfgang-Kraus-GFP.jpg” 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=”http://www.wforoedl.com/wp-content/uploads/2015/11/Martin-Wambach-GFP.jpg” 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 practicephone: +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=”http://www.wforoedl.com/wp-content/uploads/2015/11/Dr-Hans-Weggenmann-GFP.jpg” alt=”Dr-Hans-Weggenmann-GFP” width=”220″ height=”160″ /></div>`.profile-img{
background:none;
}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
http://i.imgur.com/MYyoagN.png
http://i.imgur.com/4VVsvjL.png
http://i.imgur.com/fLvD97q.pngfor the reference
@codemovement.pk, can you advice the file I need to edit to get that done?
Thanksin ur html file
Can find the html file. Where can it be found? Sorry for asking.
The topic ‘Mobile Responsive’ is closed to new replies.