Hello All,
I'm having a problem with a image not resizing when viewed on a phone. It stays the same size and throws off the site in phone view.


Yours Truly,
Paul P.
Longtime ECT Customer

Hi Paul,
Can you try adding this to your style.css
div.detailimage img{max-width:100%;height:auto;}

If that doesn't work can you post the url of one of the products you're seeing the problem with so we can take a look please?



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*
*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

Hi Phil,
I added the div.detailimage img{max-width:100%;height:auto;} line to style.css file with no change. You mentioned the products not resizing, I'm trying to get the image of the Council Officers on the homepage to adjust.

http://kofcmarian3761.org/v/


Yours Truly,
Paul P.
Longtime ECT Customer

Hi Paul,
It seems the image and the text on your homepage is in a table which isn't ideal for a responsive site.

What I would do is remove the table completely and put all that content in a div like this in code view

<div class="home-content">
Put all your content in here
</div>

then add these two lines to your style.css file
div.home-content{ float:left;width:100%;}
div.home-content img{max-width:100%; height:auto;}

Then remove the height and width attributes from the image

<img title="Click for LARGER view" src="images/xmas2017.jpg" class="auto-style7" height="316" width="806">

If you want me to do that for you send me FTP details



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*
*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

Hi Phil,
Can I have your email address so I can send you the login info?

Yours Truly,
Paul P.
Longtime ECT Customer

Hi Paul,
You can click on my name and send me an email or click on the contact us in my signature.
I'm going out for an hour or so, so I'll check my email when I come back and get back to you.



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*
*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

Hi Phil,
It's on its way thru your contact link.

Yours Truly,
Paul P.
Longtime ECT Customer

Thanks for that.

I've simply wrapped the image with the class 'home-content' and that seems to be fine within the existing table, and added the following to the css/style.css file

div.home-content{ float:left;width:100%;}
div.home-content img{max-width:100%; height:auto;}

The old index.php file is still on the server but renamed to index-old.php so if everything is okay for you that file can be removed from the server. It looks fine on all devices here but please check and let me know.



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*
*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

Hi Phil,
Looks great. I’ll check it out further when I get back in tomorrow.

Thanks again for all your help.


Yours Truly,
Paul P.
Longtime ECT Customer

Hey. Is it possible to leave a good picture quality on the site, and at the same time not degrade the quality?