Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?


Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site

 All Forums
 Technical
 PHP (Unix / Linux / Apache) versions
 Home page products
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

jimhuang
Advanced Member

Taiwan
223 Posts

Posted - 02/20/2021 :  00:50:02  
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

Vince
Administrator

39997 Posts

Posted - 02/20/2021 :  06:16:31  
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
   Topic   
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2020 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000