Responsive

Hello, this is my website www. misespejos.es

¿? My products page (productos) could be adapted to different devices, movil, tablet. (responsive)

thanks

Raherso

 

Hello Raherso,

Edit your productos page and remove code as shown in the image.
Remove width and height from all images (like: width:188px; height:188px



After that
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

table{
width: 100%;
  border-collapse: collapse;
}
 
@media only screen and (max-width: 960px) and (min-width: 767px)
{
table td img{
width:150px!important;
height:150px!important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px)
{
table td img{
width:100px!important;
height:100px!important;
}
}
@media only screen and (max-width: 480px){
table td img{
width:100%!important;
height:100%!important;
}
}
 
table td img{
width:188px;
height:188px;
}

 

Thank you for your help.