Page 1 of 1

white space at right when using handphone to view

Posted: Fri Apr 29, 2022 7:13 pm
by munstersg
I am experiencing a strange white space on the right when I use handphone on portrait mode to view.

But i rotate to view it on landscape mode it works fine. It also looks okay on tablet.

my website is seatankservice.com

Please do advice what can be done to solve this funny white space issue.

Thanks
Dan

Re: white space at right when using handphone to view

Posted: Fri Apr 29, 2022 7:59 pm
by Pablo
I think the issue is related to ResponsiveMenu1, it has a fixed size, so it breaks the flexible layout.
You will need to set the 'full width' property to 'true'

Note that I cannot see your settings based on the published page, so if you need further assistance then please share a DEMO project.
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

Re: white space at right when using handphone to view

Posted: Fri Apr 29, 2022 8:11 pm
by crispy68
I have a Samsung Galaxy Note22 which has a 412px viewport width. Based on what I can see, you are using a breakpoint of 480px (max-width:480px).

On a mobile where the screen is less than 480px it will zoom the page to fit the mobile screen. However, if you pinch the site, it will zoom out causing the white space on the right. Essentially you are trying to show a 480px wide page on a 412px phone.

You will need to change this value to a lower amount. I suggest 360px as most phones are not smaller than this. However, you may want to add additional breakpoints to cover larger phones and tablets. I would also suggest to in the mange breakpoints to use: Activate breakpoints when browser is larger than device width