I want to know why on some websites designed with wysiwygwebbuilder when viewed on a cell phone if I slide my finger horizontally it "scrolls" from one side to the other, and in other cases this does not happen.
You can see a website that does not scroll laterally at https://wfh.com.ar and another that DOES scroll horizontally at https://ardata.com.ar
Don´t want horizontal scrolling
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
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
Re: Don´t want horizontal scrolling
The reason why the page scrolls is because you have object which are wider then the viewport.
For example, there are layers with a fixed width.
To solve this make sure all elements on the page are flexible.
For example, there are layers with a fixed width.
To solve this make sure all elements on the page are flexible.
Re: Don´t want horizontal scrolling
These are my settings in the layout grids:
Horizontal: center
Vertical: top
Order:
Fixed with (px):
Miscelaneous
Grid system: flexbox
Layout: fluid
Gutter width: 15
Breakpoint: 480
Column height: auto
Position: floating
Overflow: default
What should I do to: "To solve this make sure all elements on the page are flexible."
I use almost all elements layout grids.
Horizontal: center
Vertical: top
Order:
Fixed with (px):
Miscelaneous
Grid system: flexbox
Layout: fluid
Gutter width: 15
Breakpoint: 480
Column height: auto
Position: floating
Overflow: default
What should I do to: "To solve this make sure all elements on the page are flexible."
I use almost all elements layout grids.
Re: Don´t want horizontal scrolling
Why fixed width?
Alan
Alan
Re: Don´t want horizontal scrolling
Fixed width is empty
Re: Don´t want horizontal scrolling
In your layout, I see many layers with fixed width.
You should replace them with layout grids.
You should replace them with layout grids.
-
BaconFries
-
- Posts: 5867
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Don´t want horizontal scrolling
Apart from the issues with layers being "Fixed" you have added invalid html. The source code shows you have 2 x <head></head> 2x <body></body> 2x DOCTYPE 2 <html></html> etc this is because of the invalid html you have inserted in the following highlighted in red. Please remove All code you have inserted. If you must use manually added code then you need to understand how to use correctly or it may or will break the structure of the page!!
At position 660
<!-- <!DOCTYPE html> -->
<div id="Html1">
You also have reference to 2 x forms a page should only have one.
At position 660
<!-- <!DOCTYPE html> -->
<div id="Html1">
You also have reference to 2 x forms a page should only have one.
Re: Don´t want horizontal scrolling
I appreciate the help you are giving me.
I am making a new website and I have followed your advice, but despite having removed the HTML from the page, even when loading it on my cell phone I still find a white vertical bar on the right. This is happening on a new site that is at https://wfh.com.ar/maculopatia
Please advise.
I am making a new website and I have followed your advice, but despite having removed the HTML from the page, even when loading it on my cell phone I still find a white vertical bar on the right. This is happening on a new site that is at https://wfh.com.ar/maculopatia
Please advise.
Re: Don´t want horizontal scrolling
I do not see a scrollbar on this website.
What do I need to do to see it?
What do I need to do to see it?
Re: Don´t want horizontal scrolling
To me, it looks like your slideshow2 has a fixed size and when you get down under 501px it is causing the horizontal bars because the slideshow doesn't get any smaller than this.
Since the slideshow is in a flex container, right click on the slideshow, choose flexbox, set the flex basis to 501 (or whatever the fixed width is you want) and set the Flex-Shrink to 1.
Since the slideshow is in a flex container, right click on the slideshow, choose flexbox, set the flex basis to 501 (or whatever the fixed width is you want) and set the Flex-Shrink to 1.
Re: Don´t want horizontal scrolling
Solved! Thank you!