Hi

On ECT demo site' home page, there are two product columns no matter in desktop or mobile size.
How to display the home page product in one column when resize to smaller mobile screen?
Thank you for your help.


Jim

Hi Jim
There is a breakpoint at 480 pixels for the home page products. I assume the mobile screen you are using to test is larger than this but do you know at what resolution you want to have one column? Once you know that enter this in your stylesheet changing 600px for whatever resolution you want to break at...

@media screen and (max-width:600px){
div.product,div.csproduct{
width:99% !important;
}
}

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater