[gbarcellos]

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]

Hi 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]

Hi 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]

Hi 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]

Hi 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]

Hi 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]

Hi Juan,

it’s not working…sad, but true.
Can I put 2 images side by side with the width=100%?

[Juanfra Aldasoro]

Hi 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