White space on my screen

Need help Responsiveness
1

Hello,

I have a large white space on the right side of my website.

Do you know what I need to change so that it is no longer the case?

2023-04-06 10_32_18-R'Nature
2023-04-06 10_32_18-R'Nature1910×954 391 KB

Thanks

2

Probably something wrong with your responsive settings. (fixed width & height maybe)

Please paste a screenshot of you development canvas or a link to your app in dev mode - I can have a look.

3

This is the link : R'Nature

4

Bildschirmfoto 2023-04-06 um 10.40.57
Bildschirmfoto 2023-04-06 um 10.40.572880×1492 944 KB

for me it doesn´t look too bad.

If you want the above fold picture to be full-width - you need to set the container/ or picture to 100% width.

5

Where can I set to 100% width ?

Sorry, I’m new on Bubble…

6

At 1040px width you have two groups overlayed:

Screenshot 2023-04-06 at 11.42.45
Screenshot 2023-04-06 at 11.42.451720×1108 605 KB

At 1039px width only you “mobile” group is shown. So check if has a fixed width or some limits in max width

7

I don’t understand why it’s not in full width…

2

8

because it’s “fixed”. if you’d like to make it responsive - use any other container type except “fixed”.

If you are not familiar with Bubble new responsive engine - start here: https://youtube.com/playlist?list=PLoNVJrdvQQYm8x9PXaRPiuXWa8AdJRNz6