Costumize Mobile Template My Store

Hi, i m sorry if my english bad, yesterday i customize the theme.css of gk virtuemart template, the file located at /components/com_virtuemart/themes/default/theme.css I custom the fixed height and weight of productBrowseContainer, I add the code :

Code: Select all

/** BROWSE PRODUCTS STYLES **/
.browseProductContainer {
   float:left;
   width:365px;
   height:350px;
   background:#e6ffa9;
   margin:0 5px 10px 5px;
   padding:5px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   -o-border-radius:10px;
   border-radius:10px;}
}

And I got the more smooth product browse like this screen shot :

fixed allign (Copy).jpg

But in mobile version the customize css doesnt effect to resize the product container more smaller. the screen shot :

fixed allign 2 (Copy).jpg

What must I do to fixed that mobile template version ?
Thank you very much for the support..

My web is http://www.cipakidsshop.com

Hi,
you need to edit css/mobile folder. Here you have css files depends from device you are using. Put your changes in those files.

I add the code on handheld.css and iphone.css and it's works ! Thanks for the solution and quick respond !