I'm developing an android app in html with the help of Phonegap.
I made my own app theme with Themeroller
The theme shows up great in IE and Chrome however not in my mobile. The Themeroller theme I made gets replaced with a standard theme. I'm not the only one and many other have had the same problem, see here. However, by reading the solutions I have not been able to produce any own solutions.
I would like some help to rewrite my code.
This is my code.
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<link rel="stylesheet" href="css/themes/Jakt.min.css" />
<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
Thanks in advance.
Here is the code that is the solution to my problem:
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/themes/jakt.css" />
<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="jquery.mobile.structure-1.4.3.min.css" />
<script src="jquery-1.11.1.js"></script>
<script src="jquery.mobile-1.4.3.min.js"></script>
I removed <meta charset="utf-8" /> since it would not display scandinavian letters correctly.
I also made the files local although the code above works fine with urls.