Header image not scaling on mobile - only showing top left corner

Hi there,

can you share a link to a page/post where i can see the issue?

Hey David, here is the link to the home page https://www.veermanzwembaden.nl/

Desktop is fine but mobile only shows the white trees in the top left.

Thanks

Background images on Container Blocks are set to a default size of cover.
Which means it will fill the container size. problem you have is the container changes aspect ratio from landscape to portrait so much of the horizontal view of the image will be cropped.

The most you can do with GB free is change the Background Position to 50% 50% which will keep the image centred.

If you're a GB Pro use then you can use the Advanced Backgrounds options to display different images for different device sizes - and you could add a more appropriate background for mobile.

Does GB pro = GB premium? Or is that something different? If its the same (I'm a premium user) where can I find the advanced background options?

Thanks

To be clear i mean GenerateBlocks Pro:

https://generateblocks.com/pro/

And the advanced background docs:

https://docs.generateblocks.com/article/advanced-backgrounds/