Page 1 of 1

Overflow-X (not work on Smartphone?!)

Posted: Tue Sep 24, 2024 4:26 pm
by probear20
Hello dear support team,
I have created a website with various breakpoints (1920; 768; 360). I also turned off the Overflow-x. This also works very well in the desktop version, but not on phones (iPhone 13 and Galaxy S22). There, the overflow is apparently not turned off and it is possible to scroll further to the right (out of the website / over the breakpoint), beyond the content. Why?
I can't turn it off.
Can someone please help me?
Thank you very much.
Best regards
Jean

www.dreifke-getraenke.de

Re: Overflow-X (not work on Smartphone?!)

Posted: Tue Sep 24, 2024 4:46 pm
by BaconFries
From looking at the source code of your site it was made with "Quick 'n Easy Web Builder". As this forum is for WYSIWYG Web Builder 19 you should post all and any questions at the following:
https://www.quickandeasywebbuilder.com/forum/

Re: Overflow-X (not work on Smartphone?!)

Posted: Tue Sep 24, 2024 5:10 pm
by Pablo
To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.
Also, please include a description how to reproduce this problem.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

Re: Overflow-X (not work on Smartphone?!)

Posted: Tue Sep 24, 2024 10:05 pm
by crispy68
It looks to me you have a lot of content out to the right causing the horizontal scrollbars. For example, I see object ID=Form8 that is positioned 1800px from the left when viewing it at 660px wide. #Form5, #Heading2, #Text_1366_1_5 are other ones.

I would also suggest at using min/max-width (Activate breakpoints when browser window is larger than the device width) versus just max-width for your breakpoints.