Hi
(I just typed a whole page here and since my question was more than 12 words, I have to write it again :|)
I was using the feature widget in Sydney theme and with page builder.
A test page is located at http://craetech.com/prototype-development-2/
In the actual page with the setting that I have designed the website around it, when I add the feature widget when screen size is below 780 (I had the exact number last time) a horizontal scroll screen appears. I had all the setting listed but I cannot recall them anymore. When the scroll appears, a gap is shown on the left side of the website which is free from content and when I right click and inspect it, it shows “”
I tried removing my CSS code and tested on a page with one widget as well, and the problem was not solved. I even changed the size and the number of my features but it did not help. After adding 2 feature the problem always occur. (I used very small Icons to make sure that I am not making a mistake).
So I created a test page and I noticed that this problem can be solved only under the setting shown below and I cannot understand the logic behind it.
Layout> row style> layout:
Mobile padding: Default (0, 15 and 30 px does not work, I know this should do nothing with the horizontal scroll but then I have tested it extensively)
SiteOrgin Widget> widget styles> layout :
Mobile Padding: x 10 x 10 (Anything below 10 will not be as good and 15 results in the same result as 10. X can be any number)
Under the condition above, the scroll still appears at 1006 to 992 px. If instead of 10 you use a small number, you will have a wider range in which the scroll appears. Same is applied if you do not use the default setting for layout. Leaving the Mobile Padding blank under widget setting also does not help.
I am not sure if this is a bug, or I am doing something wrong.