Carousel loads Parallax on Desktop but not Mobile

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Carousel loads Parallax on Desktop but not Mobile

Post by etcbbu » Mon May 21, 2018 3:35 am

Hi all, working on a new project. Notice that when you look at this page on a Desktop/Laptop device:

https://talsichristianschool.org/test/index.php

The Carousel on the second-section loads just fine, and they load "Parallax" and everything. But if you look at that same page on a Mobile device, it doesn't even load my Carousel at all. Just shows a different little image of three people that I have set as the Background on that particular Layer.

It's just weird, because on this *other* website that I do:

https://www.phillipsflooring.com/index.php

That Carousel that you see towards the top of the screen loads just fine, both on the Desktop/Laptop breakpoint and on a Mobile breakpoint. And the only difference is that the images on that Carousel are all set to "Cover" instead of "Parallax".

Any ideas..? On neither of those sites do I have the Carousel object set as a child on any Layers of the page, they are just both set to sit in the same class as all of the Layers that comprise the page.

*but* on the https://talsichristianschool.org/test/index.php site, the Layers all on that page are set to be "Floating", while the Layers that all comprise that https://www.phillipsflooring.com/index.php page are *not* all "Floating"; those are all "default" mode with Horizontal Sizing, not set to "Floating".
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

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

Re: Carousel loads Parallax on Desktop but not Mobile

Post by Pablo » Mon May 21, 2018 6:42 am

The carousel seems to work correct on my IPhone.
Maybe you are looking on mobile device which does not support 'cover' or 'fixed'

User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Re: Carousel loads Parallax on Desktop but not Mobile

Post by etcbbu » Mon May 21, 2018 5:47 pm

Really? Well, that's good, at least. I am looking at it on a Samsung Galaxy Note 8.
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

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

Re: Carousel loads Parallax on Desktop but not Mobile

Post by Pablo » Mon May 21, 2018 5:59 pm

Did you check if the browser you are using supports 'background-attachment: fixed'?
https://caniuse.com/#feat=background-attachment

User avatar
etcbbu
 
 
Posts: 402
Joined: Mon Apr 23, 2007 3:00 pm

Re: Carousel loads Parallax on Desktop but not Mobile

Post by etcbbu » Mon May 21, 2018 6:05 pm

Wow. Ok, never mind. Thank you for the feedback that it's working on your browser on your iPhone. I also just now tried it on Google Chrome Mobile, FireFox Mobile, and the default Samsung Galaxy Internet Browser all from my Samsung Galaxy Note 8, and the Carousel seems to be working for me on each one of these browsers as well.

This is a dream~ Thanks, Pablo!

--etcbbu
www.ktravisj.com

Travis J Consulting, LLC -
Website Design/Development/Maintenance, Web-Marketing/Social Media/Social Networking, SEO/Search Engine Optimization

www.ktravisj.com

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest