Page 1 of 1
Don´t want horizontal scrolling
Posted: Sat Mar 01, 2025 12:01 pm
by manuelm
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
Re: Don´t want horizontal scrolling
Posted: Sat Mar 01, 2025 12:30 pm
by Pablo
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.
Re: Don´t want horizontal scrolling
Posted: Sat Mar 01, 2025 6:02 pm
by manuelm
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.
Re: Don´t want horizontal scrolling
Posted: Sat Mar 01, 2025 6:06 pm
by alan_sh
Why fixed width?
Alan
Re: Don´t want horizontal scrolling
Posted: Sat Mar 01, 2025 6:24 pm
by manuelm
Fixed width is empty
Re: Don´t want horizontal scrolling
Posted: Sat Mar 01, 2025 6:53 pm
by Pablo
In your layout, I see many layers with fixed width.
You should replace them with layout grids.
Re: Don´t want horizontal scrolling
Posted: Sat Mar 01, 2025 7:20 pm
by BaconFries
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.
Re: Don´t want horizontal scrolling
Posted: Sun Mar 02, 2025 1:53 pm
by manuelm
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.
Re: Don´t want horizontal scrolling
Posted: Sun Mar 02, 2025 2:09 pm
by Pablo
I do not see a scrollbar on this website.
What do I need to do to see it?
Re: Don´t want horizontal scrolling
Posted: Sun Mar 02, 2025 2:41 pm
by crispy68
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.
Re: Don´t want horizontal scrolling
Posted: Wed Mar 05, 2025 2:26 pm
by manuelm
Solved! Thank you!