white space at right when using handphone to view

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
munstersg
 
 
Posts: 1
Joined: Fri Apr 29, 2022 7:07 pm

white space at right when using handphone to view

Post 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
User avatar
Pablo
 
Posts: 22488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: white space at right when using handphone to view

Post 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
User avatar
crispy68
 
 
Posts: 2913
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: white space at right when using handphone to view

Post 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
Post Reply