CODEWITHSUNDEEP
htmlcss
David Ward
David Ward

Reputation: 195

Website scrolling on a smartphone

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.

Upvotes: 1

Views: 1665

Answers (1)

BraMKJ
BraMKJ

Reputation: 193

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.

Upvotes: 1

Related Questions