Mobile phone,.. won't scroll

[Pablo]

Step 1
Remove the code from the Site HTML.
The code is invalid and breaks the page layout.

Step 2
I agree with crispy68, there is too much duplicated content and nested layers. You will need to simplify the layout (re-use layers/objects in breakpoints) then it will be much easier to maintain the pages and locate errors.

Step 3
Check out crispy68's demo project, I think he has done a great job cleaning up your layout.

[Evolvan]

Okay, Thank you so much. I will look into using a different navigation menu.
I see the problem that it is causing with the GO menu.
Crispy68 let me know if you need anytype of CAD item / Rendering or 3d print design.
I would be happy to return the favor.

[German]

Just as related posts/threads about this it is most likely related to the use of the parallax effect. Note not all mobile browsers support this. Try temporarily removing the effect and see if that resolves it, if it does then you can disable parallax for smaller screens, then you can set a different background mode for the smaller breakpoint(s).

Hello Have a such problem (parallax on desktop version + on 320 version stop scrolling, android mobiles, chrome) for several years. Think that problem will be solved.

What means "if it does then you can disable parallax for smaller screens"?

Try (a lot of variants) and also to change properties of "Problem Desktop Layer" from "parallax" to other (on 320 is already hidden)

Thank You for Answers

[Pablo]

In Page Properties -> Advanced -> Compatibility you can enable "Use Safari mobile background fix". which will disable parallax for iOS devices.

[German]

It does not work this way - Problem with "Android + Chrome". Have You other variants for test? May be we can use some code for Problem Layer like..

detectBrowserSize() < 1200..

[German]

I solved the problem with special code for Problem Layer with Parallax "$('#Layer2').parallax();"...

Firsly - problem solution code:

New Part:

{
if (screen.width > 480) $('#Layer2').parallax();
}

All Code Before:

<script src="wb.parallax.min.js"></script>
<script src="wb.rotate.min.js"></script>
<script src="wwb14.min.js"></script>
<script>
$(document).ready(function()
{
var Carousel1Opts =
{
delay: 6000,
duration: 500,
easing: 'linear',
mode: 'forward',
direction: '',
scalemode: 2,
pagination: true,
pagination_img_default: 'images/page_default.png',
pagination_img_active: 'images/page_active.png',
start: 0
};
$("#Carousel1").carousel(Carousel1Opts);
$('#Layer2').parallax();
$('img[data-src]').lazyload();
});
</script>

All Code After:

<script src="wb.parallax.min.js"></script>
<script src="wb.rotate.min.js"></script>
<script src="wwb14.min.js"></script>
<script>
$(document).ready(function()
{
var Carousel1Opts =
{
delay: 6000,
duration: 500,
easing: 'linear',
mode: 'forward',
direction: '',
scalemode: 2,
pagination: true,
pagination_img_default: 'images/page_default.png',
pagination_img_active: 'images/page_active.png',
start: 0
};
$("#Carousel1").carousel(Carousel1Opts);
{
if (screen.width > 480) $('#Layer2').parallax();
}
$('img[data-src]').lazyload();
});
</script>

...

Now a QUESTION - How to insert this command for Layer from WWB with out editing code with "Hands and NotePad++"?

* it's not a good way to change files after publishing..

+ May be it will be realised in new Version of WWB like checkbox option?)) it is not rare problem for several years

Thank You - WWB is very good application

[Pablo]

I'm sorry, you cannot edit the code directly in the software. WWB is not a code editor, the HTML does not exits until you publish the page.
I will investigate if this workaround can be implemented in a future version.

[German]

Ok. Thank`s for Your Work!