Overflow-X (not work on Smartphone?!)

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
probear20
 
 
Posts: 10
Joined: Tue Sep 24, 2024 4:11 pm

Overflow-X (not work on Smartphone?!)

Post 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
User avatar
BaconFries
 
 
Posts: 5880
Joined: Thu Aug 16, 2007 7:32 pm

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

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

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

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

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

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