View Single Post
  #7  
Old 03-09-2015, 01:57 PM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: Converting 4.4.x template to responsive

Quote:
Originally Posted by vasilis
Mike, would you use another framework, or would you tweak the css styles so the layout becomes responsive, with some JavaScript and media queries added?

Yes. I would remove any tables, replace with divs. Then I would just use media queries for everything. Determine your break points, I like to use 768px 960px 1280px and sometimes as large as 1440 or 1600px.

Everything under 768px is what I consider "mobile". I might design the main site to be 1280px. Knowing where you are going to "break" and go to the next size is very important to decide up front before you begin.

Really, there isn;t even much need for JavaScript, everything can be done with media queries. Setup two classes, mobile and desktop. Then append those classes to everything that you want to be unique to either of those two environments.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote