kashifkhan112 Posted March 24, 2014 Share Posted March 24, 2014 Can anyone tell me that Is there any guide available to show us how we can customize responsive theme for mobile devices. Thanks 1 Link to comment Share on other sites More sharing options...
NemoPS Posted March 24, 2014 Share Posted March 24, 2014 This is the only one available at the moment, as far as I know: http://doc.prestashop.com/display/PS16/Getting+Started 1 Link to comment Share on other sites More sharing options...
kashifkhan112 Posted March 24, 2014 Author Share Posted March 24, 2014 This is the only one available at the moment, as far as I know: http://doc.prestashop.com/display/PS16/Getting+Started Thanks for your reply, but there is not given any guide for responsive theme customization. I have found in css file some code that is related to responsive theme customization like: @media xxxxx { xxxxxxx xxxxxxxxxxxxxxxx } but i need full guide for it. How we can edit css files for small devices? Link to comment Share on other sites More sharing options...
prestamax Posted March 24, 2014 Share Posted March 24, 2014 Check out the grid system of bootstrap http://getbootstrap.com/css/#grid Prestashop 1.6 is using the framework bootstrap and mobile layout is using specific classes (for example col-xs-2 and col-sm-2) The number reflects the number of columns and is variable. So if you want to change anything for mobile devices it would be looking for the css classes that apply to mobile devices 1 Link to comment Share on other sites More sharing options...
kashifkhan112 Posted March 24, 2014 Author Share Posted March 24, 2014 Check out the grid system of bootstrap http://getbootstrap.com/css/#grid Prestashop 1.6 is using the framework bootstrap and mobile layout is using specific classes (for example col-xs-2 and col-sm-2) The number reflects the number of columns and is variable. So if you want to change anything for mobile devices it would be looking for the css classes that apply to mobile devices Thanks for this link, i will study all and reply you. Link to comment Share on other sites More sharing options...
kashifkhan112 Posted March 25, 2014 Author Share Posted March 25, 2014 Check out the grid system of bootstrap http://getbootstrap.com/css/#grid Prestashop 1.6 is using the framework bootstrap and mobile layout is using specific classes (for example col-xs-2 and col-sm-2) The number reflects the number of columns and is variable. So if you want to change anything for mobile devices it would be looking for the css classes that apply to mobile devices Thanks for this link, i will study all and reply you. I have read out this grid system of bootstrap, yes it is very helpful. Thanks for this link. One more thing: Is there any way to test out Prestashop website in different screens on desktop Link to comment Share on other sites More sharing options...
dioniz Posted March 25, 2014 Share Posted March 25, 2014 If you are using FF you can type Ctrl-Shift-M for responsive design view 3 Link to comment Share on other sites More sharing options...
prestamax Posted March 25, 2014 Share Posted March 25, 2014 Great tip! Didn't know this shortcut yet. Link to comment Share on other sites More sharing options...
Recommended Posts