My html site is not displaying in mobile devices

Question

I am using the following CSS link code on my site:

<link rel="stylesheet" href="index_files/front.css" media="all" type="text/css" >

and also the following code

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
<meta http-equiv="cleartype" content="on">

Here is my site links - http://www.etutorbd.com/shopi/. It's displaying properly in desktop browser but It's not displaying in mobile browser. I have checked in my android phone. I have found this answered My phone is not displaying the mobile oriented version of my site but It's not working for me. I didn't found any console error. I had a problems like "Error: Failed to execute 'send' on 'XMLHttpRequest' ". But I have fixed that. What am I doing wrong here? Is there any jQuery or CSS media type issues.

@Pointy Yeah. That is the problems. The website only showing the top header content. The same content showing in my phone. But the site has many content to show. Can you tell me, How can I fix the problems? — Zakir Hossain, Aug 23 '14 at 19:47
Well the only way I know to diagnose those problems is by using remote debugging via Chrome (like with [weinre](https://github.com/apache/cordova-weinre)). — Pointy, Aug 23 '14 at 19:50

Devin · Answer 1 · 2014-08-23T21:37:53.563

0

You have to remove this from your HTML body:

overflow: hidden; height: 100%; font-size: 81.44%;

if you really need it, add it to your CSS and then use media-queries to disable it on mobile sizes

EDIT with code:

body{overflow:hidden /*use it only if needed, otherwise remove it */}
@media(max-width:768px){
body{overflow: auto; height: 100%; font-size: 81.44% /* change if needed */;}
}

edited Aug 23 '14 at 21:37

answered Aug 23 '14 at 20:57

Devin

7,690
6
39
54

Can you give me the media queries code with correction the css. – Zakir Hossain Aug 23 '14 at 21:34
It's not working. But I just removed the "beforeAnimation" class and not it's working. – Zakir Hossain Aug 23 '14 at 22:09

My html site is not displaying in mobile devices

1 Answers1