Archived topic

Stream demo site - responsive mobile image

3 replies · Started by William on January 10, 2021

Viewing posts 1–4 of 4

January 10, 2021 at 6:52 am #1613177

Hello -

I have imported the Stream demo site and it's great! Just one question. When I access the site on mobile, the home page hero image is not responsive. Is there a way to make the image fully show up on mobile?

Here is the site: https://veritybjj.com

Thank you in advance.

January 10, 2021 at 8:23 am #1613256

Hi there,

are you wanting to keep the two people in full view?
If so you could simply select the Container Block and in the Background Image settings where it says Position, change that to: right top

January 10, 2021 at 8:55 am #1613303

Hi David -

Thank you. That is definitely an improvement. Is there any way to showcase the entirety of the picture on mobile?

Thanks again.

January 10, 2021 at 8:59 am #1613309

To display the full background image for a container, requires the container to have same aspect ratio as the original image. Which is quite easy when there is no content in the container....

Currently it looks like the container is too tall on mobile, you would need to use the Mobile settings for the container block and headline blocks to reduce the mobile padding, mobile font sizes etc to reduce the container height to make it more landscape.... tricky one.

This archived topic is closed to new replies.

Start building better websites today.