Images responsive design
This support request was posted in BBQ by gbarcellos
- gbarcellos June 19, 2013 at 5:00 pm
Olá Juan,
how can I solve the size of the images on the food menu in different resolutions?
I’m working with the full size on the page (960px), and I did the test on the iPhone and the width is 295px and the iPad screen is 730px. I need adapt every image to 3 resolutions?
Thanks!
Juanfra Aldasoro June 19, 2013 at 5:20 pmHi Gustavo,
Thanks for writing. I don’t understand what you mean, can you explain a bit more?
The images for the food item template respond to each device (i.e.: http://demo.nicethemes.com/bbq/menu/coffee/)
Best,
Juan.gbarcellos June 19, 2013 at 5:36 pmHi Juan,
ok, I understand that.
But in this page I have two images side by side, and look what happen when you downsize the resolution: http://servicos.soumeier.com.br/menu/japa-house/Juanfra Aldasoro June 19, 2013 at 5:47 pmHi Gustavo,
I see, that’s a custom template you’ve made.
You need to apply a 100% width to that images in order to respond.
Best,
Juan.gbarcellos June 19, 2013 at 6:05 pmHi Juan,
it’s working, but in a different way.
I don’t know how, but the images are showing after the facebook comments, like a slideshow.Juanfra Aldasoro June 19, 2013 at 6:12 pmHi Gustavo,
That’s because, on the menu item template, you haven’t removed the code that generates the slider. So, it’s still getting the default responsive styles for that section.
Best,
Juan.gbarcellos June 19, 2013 at 6:27 pmHi Juan,
it’s not working…sad, but true.
Can I put 2 images side by side with the width=100%?Juanfra Aldasoro June 19, 2013 at 6:33 pmHi Gustavo,
You’ve applied the 100% on the div that is wrapping the image. You need to add that property over the image.
Best,
Juan
You must be logged in to reply to this topic.