Developer forum

Hi Siv,

I believe this is because the images are applied as background images, so they can be scaled and cropped. That means the content (text) is the one that takes up the height. I would that's by design.

If you want/need it to be different, that will be trickier to get done right with a flexible viewport sizes, cropping images and whatnot. 

Best Regards,

Nuno Aguiar

Hi Siv

Sorry for the late answer. We do not use background images (via css) on Rapido. But what I can see is that your image is too small. You should use images of as high resolution as you can get. I would say at least 1200px width, to support the width of most setups. 

I am not sure using a fitting image would solve the bug, if there is any. In that case, which version of Rapido do you use?

Best regards
Karsten Thuen  

I use a separate row item and column item for mobile only, with portrait format on the image (the desktop/tablet version uses a landscape). I see no reason why I should use a 1200px image on a screen that is max 768 px wide.

This is  Rapido latest (install from nov 12th, at DW servers)

Bump!

Any news about this? A lot of items with images behave bad on mobile. Here an example from a standard Rapido 3.4.2:

https://www.screencast.com/t/gXZHzNgO8Aq

I ended up just editing the carousel.cshtml for my needs to fix the height of the carousel container and apply a custom class to the image to set the height attribute.

Note: Your image is taller than wide; so it means your carousel will then be very high if you want the image full width...you will need to play around with the css to get how you want.

You could also edit the item type in settings to make these setting variables so you can change these for each slide deck and each image.