Mobile phone,.. won't scroll

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
User avatar
Pablo
 
Posts: 17432
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Mobile phone,.. won't scroll

Post by Pablo » Wed Dec 26, 2018 8:34 am

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
 
 
Posts: 12
Joined: Sat Nov 24, 2018 1:18 am

Re: Mobile phone,.. won't scroll

Post by Evolvan » Thu Dec 27, 2018 1:36 am

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
 
 
Posts: 5
Joined: Thu Aug 29, 2013 1:53 pm

Re: Mobile phone,.. won't scroll

Post by German » Thu May 23, 2019 5:33 am

BaconFries wrote:
Sun Dec 23, 2018 6:13 am
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 8)

User avatar
Pablo
 
Posts: 17432
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Mobile phone,.. won't scroll

Post by Pablo » Thu May 23, 2019 6:14 am

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

German
 
 
Posts: 5
Joined: Thu Aug 29, 2013 1:53 pm

Re: Mobile phone,.. won't scroll

Post by German » Thu May 23, 2019 9:45 pm

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
 
 
Posts: 5
Joined: Thu Aug 29, 2013 1:53 pm

Re: Mobile phone,.. won't scroll

Post by German » Thu May 23, 2019 10:39 pm

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>

...

:arrow: 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 :wink:

Thank You - WWB is very good application

User avatar
Pablo
 
Posts: 17432
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Mobile phone,.. won't scroll

Post by Pablo » Fri May 24, 2019 6:18 am

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
 
 
Posts: 5
Joined: Thu Aug 29, 2013 1:53 pm

Re: Mobile phone,.. won't scroll

Post by German » Fri May 24, 2019 8:18 am

Ok. Thank`s for Your Work! :)

Post Reply