Forum Support

Shape 5
July 24, 2021, 08:28:45 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1] 2
  Print  
Author Topic: Android (or mobile) users can't scroll down from initial landing.  (Read 778 times)
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« on: April 08, 2015, 10:22:19 AM »

Tested on a Nexus 7 and a Nexus 5 and I can't get either to be able to scroll down from the initial landing. iPad is fine.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: April 08, 2015, 06:28:39 PM »

Does this occur on our demo or just your site? Any 3rd party extensions? URL to site?
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« Reply #2 on: April 09, 2015, 10:20:37 AM »

Yes the behavior is also the same on the Shape 5 demo.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: April 09, 2015, 08:04:31 PM »

Hello,

I am going to forward this to one of our designers who has that setup. I will let you know once I hear back from him.

Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #4 on: April 13, 2015, 06:22:31 PM »

Hello,

Two of my designers got back to me and they tested the Galaxy S5 as well as a Note 4 and didn't see any issues on their devices. Can you try a different device or clear the device cache and try again?
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« Reply #5 on: April 14, 2015, 10:20:35 AM »

Its the same problem on all devices.

Did you check on devices with Lollipop?
Logged
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« Reply #6 on: April 14, 2015, 11:51:31 AM »

Removing the video fixes the problem, although now neither desktop nor mobile users can see a video.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: April 14, 2015, 11:47:10 PM »

Hello,

I can ask the developer to see what device / version they have running? What phone / OS version are you using on it? Default browser on the device?
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« Reply #8 on: April 20, 2015, 08:46:33 AM »

Oh, sorry for the late replay.

Nexus 5 , 4, and 7. Also an S4. A Sony LT38T it works on, though.

Nexus devices run Lollipop 5.1. The others run their own proprietary form of Android.

Browser is Chrome.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #9 on: April 20, 2015, 03:30:59 PM »

Hello,

Alright I will talk to a few Android Developers to see if they can find any issues.

So the issue is completely gone without any video on the page such as sub pages? Could you post a URL as well?
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« Reply #10 on: April 21, 2015, 10:04:15 AM »

Site still under development so no URL for now. Since I am able to duplicate the problem on the demo page you can just use that as an example. To get it to "work" all I did was backspace out the video URL field in the template options.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #11 on: April 21, 2015, 08:36:18 PM »

Hello,

There would have to be something wrong with your device if that's really the case. The video is completely hidden on tablets and mobile with two calls.

First it's hidden with css with a display:none so it can't be seen. Then once the screen gets less than 970px the entire element itself is completely removed from the source with this:

Code:
if (window.innerWidth <= 970 && document.getElementById("s5_custom1_video")) {

              document.getElementById("s5_custom1_video").remove();

       }

That's done so that the video doesn't continue to buffer and eat up bandwidth on mobile devices. So there's no way for the video to even be in the source anymore below 970px when this trigger occurs. I tested on a few other android devices and the video was hidden at this resolution.
« Last Edit: April 23, 2015, 08:28:35 PM by mikenicoll » Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« Reply #12 on: April 23, 2015, 12:02:37 PM »

OK I have some screenshots that basically represent what is happening on all of these devices. It is more or less the same thing across all of them with varying degrees of how far one can scroll down.



This is as far down as I can scroll on this devices. A Nexus 7, not very far. Maybe we can break the barrier another way.



I have noticed that sometimes some things can happen with this off canvas menu. Lets see if it can help us out.



Jackpot. I was able to break the lower boundary it was stuck at by going around. But why does the area below the top area look dark?



This is as far as I can zoom out on this device. I also can't go any lower. Using the menu > swipe down trick I was only able to look this far down the page. My own installations of this theme have the same problem, but only if a video is elected to show.

To test a theory. I made a change to the lower sample sidebar module that is within the menu. Well I removed it. It shouldn't have any effect right? But it had a minor effect that changed how far I could go down the page (a little further), even without the menu actually being open. Where before I could just see a small white line, I could actually make out most of what was in the row below it.

Once again, clearing the video text field solves this problem entirely. Clearly something is left over.

I would look for some strange interaction between the sidebar menu, and the video element. I know it isnt specific to these devices because, well none of these devices have anything in common. Some are stock android, one isnt, another one is Sony made but does not have the problem.

EDIT: Trying to not kill you with image size. Fooling around with the BB Code.
« Last Edit: April 23, 2015, 12:13:24 PM by IvesFilm » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #13 on: April 23, 2015, 08:30:43 PM »

Alright thanks,

 I will pass this information along and let you know if we find the issue.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #14 on: April 24, 2015, 06:07:12 AM »

Hello,

I did not realize until now that the issue was with Chrome only. All other browsers that we tested in work fine. I see the problem in Chrome now. To be honest, mobile Chrome is probably the worst browser from a coding stand point that I've ever dealt with. There are a lot of issues with it, but I'm venting so I won't go into detail Smiley

Anyway, try modifying s5_responsive.css and find:

body {
   font-size:0.9em !important;
   }

At line 27, and change it to:

body {
   font-size:0.9em !important;
   overflow:visible !important;
   }

The overflow command is put in place when the video url is used to remove any scrollbars on the site when the overlay loading icon is being shown. The overflow command is then removed when the overlay hides, Chrome is ignoring that command for some reason. So above command will just force it to be visible on devices that are 970px width or less, which is fine because the loader and video aren't shown on these devices anyway.

You'll need to clear your cache in Chrome to see the udpate. I've updated the demo already, and appears to be working fine for me there.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1] 2
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.