Mobile image size

Cheffu · February 2019

Hello,

I built a wedding website for a friend. You can find it here: <removed by author>

The page has a slideshow with picture of them and wedding rings.

On a desktop, it looks as I want it to look.

But on a mobile phone, the rings take almost 100% of the width, which does not look good.

Is there a way to get this fixed? For example, introduce a max-width of 40%?

The rings where introduced with an Image element of BeTheme.

Best regards

Benny

Pablo · February 2019

Hi,
The only way to change that is disabling that section on the mobile and creating the new one only for the mobile(with that ring image smaller).
Just edit the section, scroll down and you'll notice the "Responsive Visibility" and change that option, for such devices it should be hidden.
http://prntscr.com/mprajx

Thanks

Cheffu · February 2019

Ideally, an image shortcut would offer a possibility to define a size for different devices. In theory, one image and JavaScript to adjust the size would be enough in this case.

However, your solution worked like a charm.

Thank you

Pablo · February 2019

Glad to hear that.

Is there anything else I can help you with?

Thanks

Mobile image size

Comments