Mobile screen-white areas

How can I fix this problem? In the mobile version of my app I can scroll to the right and to the bottom outside of the main area, I want to stop this, how can I do it?

This is the page properties:

Someone showed me this to follow this example:

So I tried adding a condition but I don’t have the option ‘Max width’ for the page.

Make sure that no element has width that’s bigger than the max screen width

Hello, you mean that I should make sure that no element has max width bigger than the page max width? If in the page there is an element that has max width bigger than the page max width is this the reason why I can scroll outside the main area and see the white areas?

I just realised the page doesn’t have a max width and the elements won’t show their max width, maybe this problem is due to a virus?

The max width is different from the min width or fixed width. If you set a max width of 200px, your element will be smaller or equal to 200px. So if the element only needs to be 150px, it will take up just 150px and not 200px.

For your problem, as @Codebyjamal mentioned, you probably have an element on your page (it could be anything: text, block, image, etc.) with a min width or fixed width greater than your screen width. This causes the overflow issue you’re experiencing.

Additionally, make sure to inspect all elements on your page to ensure none of them have a width that exceeds the screen size.

Hello, what you said makes sense, thank you very much!! I will check :slight_smile:

1 Like