Page 1 of 1

White Space to the right on mobile

Posted: Wed Jul 26, 2023 11:50 am
by Starb7
Hi

I know this must have been asked a thousand times, but I can't find a solution to fix it.

I have the White Space to the right of a page when viewed on mobile, this is is https://directgasltd.co.uk/previewme/index.php and I have tried all sorts to fix it.

When the page loads, all is fine but I can pinch the window on a mobile and see white space to the right.

I have checked for odd objects that might be there, can't find anthing and have tried serveral breakpoints (currently one set at 480), but no joy.

Can you point me in th eright direction to find out what's happening please?

TIA

Paul

Re: White Space to the right on mobile

Posted: Wed Jul 26, 2023 11:59 am
by Pablo
Did you read the FAQ topic about this?
https://wysiwygwebbuilder.com/forum/vie ... 10&t=63817

Re: White Space to the right on mobile

Posted: Wed Jul 26, 2023 12:06 pm
by Starb7
I did but will take another look. Cheers

Re: White Space to the right on mobile

Posted: Wed Jul 26, 2023 12:35 pm
by crispy68
I see white space on my phone because your breakpoint is too high. My phone has a viewport size of 384px (Galaxy Note20). So when I view your site there is a 96px difference between my viewport size and your breakpoint which is the white space i'm seeing.

I would use 360px not 480px as my minimum.

Re: White Space to the right on mobile

Posted: Wed Jul 26, 2023 1:04 pm
by Starb7
Hi Crispy

IDT that was the issue but thanks for looking. I have re-uploaded the page and it looks fine on my mobile devices now and in the Browser Emulators too.

The issue was that I had added a blur effect to an inage and that's a no-no for responsive layouts. Blur effects now removed and the page is now fine.

Pablo, thanks for the reminder... look at the FAQ's first!

Cheers

Paul