View Single Post
  #5  
Old 04-14-2016, 08:32 PM
  totaltec's Avatar 
totaltec totaltec is offline
 

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

Default Re: how to change # of tiles per row

So! Here we go:
The nth child of the list is being cleared. Consider this CSS:
Code:
@media (min-width: 1200px) { .no-sidebars ul.products-grid.grid-list li.product-cell:nth-child(4n) + li.product-cell { clear: none; } .no-sidebars ul.products-grid.grid-list li.product-cell { width: 20%; } }

See the ".no-sidebars" in the class definition? That is crucial to work on single column layouts.

-Mike
__________________
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