Media Query

[marcellolaforgia]

Could you give me a hand to figure out how to configure the template to adapt it to tablets and smartphones? I'm acting on the css codes, but while loading the file, nothing has changed. 

You can help me? 

Thank you.

[vekia]

what theme you use? and what prestashop version?

usually if you want to change non-responsive theme to responsive - you have to redesign it, in fact - design it from scratch.

[marcellolaforgia]

Dear Vekia, I am using the Bootstrap theme (I've seen a your useful contribution in network and I think you know it well) and prestashop 1.6. What could I do?!

[vekia]

default bootstrap template in prestashop 1.6 has got responsiveness

it fits to smartphones and tablets well

 

your installation doesnt fit???

[marcellolaforgia]

Bootstrap is responsive only with min-width: 768px, while I would like to make it responsive to other types of devices, such as: 

 

@ media (min-width: 320px) {/ * smartphones, iPhone portrait, portrait 480x320 phones (Android) * /} 

@ media (min-width: 480px) {/ * smart phones, Android phones, iPhone landscape * /} 

@ media (min-width: 600px) {/ * tablets portrait, portrait iPad, e-readers (Nook / Kindle) landscape 800x480 phones (Android) * /} 

@ media (min-width: 801px) {/ * tablet, iPad landscape, lo-res desktops laptops ands * /} 

 

Could you help me figure out how to do?

[vekia]

as far as i know default bootstrap theme has got media queries for iphone, also for landscape mode :|

[Guest locen]

Hi, i have the same problem.

I would adapt my website to smartphone, tablet and minimized window..which files i should modify and with which code?

and with that code

 

minimized window

minime

minimized window