I am converting my website into a responsive design. It is looking excellent, except for one annoying issue. My slideshow keeps on jumping around the website as I scroll on my Android device. It works just fine though on the iPhone, and on the computer.
The script I am using for my slideshow is http://swipejs.com/
Is this a common issue?
Related
I'm building this website with cargo collective and I'm having problems with the scroll of some pages, especially this one:
https://civitonia.cargo.site/26993899
After speaking with them they told me that is a problem related to the css and that they cannot put their hands on it. I can't figure out what's the problem about the scroll.
Does anyone knows what's the problem behind it?
try to change your browser, i use chrome and firefox in mobile mode scroll is working , and i'm try in my handphone scroll is wornking,my phone POCO X3 PRO
I have .. strange problem with website background, elements via scrolling in mobile view (Opera browser, Chrome the same):
they are shaking! I didnt know how to describe such problem so made a video
On mobile phone normal behavie (without shaking), check several different phones.
Source code
What is it???
I don't even know the reason.
I have a perfectly working hosted website...on theory. I did all the responsiveness and I was testing it on a computer with mobile browser emulators. It is working with minor mistakes (which I am aware, and will fix). But here is the biggest challenge. If I run my website in emulator on the computer it does everything nicely. But from phone, it doesnt load the background-image.
So I excluded that problem would be with being responsive, problem must lay somewhere in mobile phones (both times ran by Chrome). Also doesnt work properly on other mobiles too.
Any idea or suggestion towards the mystery?
Thanks,
Koppany
i know this is not a question about source code, however i need to find the solution. So, This is my site.
After i finished making the site, I resized my browser window, the responsive css worked perfectly. However, when I tryied to see my site from my mobile phone the only thing I could was the top bar..
I am a complete novice when it comes to website design, but have the task of designing a website for an academic conference. I wanted to design a functional site to which I understood the code behind it. I have managed to do so, but am now having problems with viewing it on a smartphone. When I have checked the website on online simulators such as brick and mobile is seems to work fine. However, when colleagues of mine with smartphones try looking at it, the main content area will not scroll. Does anyone know of a way to resolve this. The url to the website is:
Conference Website
Edit: The problem appears to be on android phones. If you zoom in a tiny bit you can then scroll alright, and if you move to a portrait view rather than a landscape view it is fine, but it will not scroll on a landscape view on an android.
You might want tot try adding viewport meta to your header, ensuring every device sees your site at the optimal width (this eliminates the user having to zoom in on most mobile devices).
You can find some good information for this in the following article: http://www.html5rocks.com/en/mobile/mobifying/
There are some zooming issues with the website on a Samsung Galaxy S2. This has mostly to do with your menu, which is set to 21%.
Furthermore you're setting height on a lot of elements to 100%. You might want to look into that as well.