[SOLVED] Themeroller header and Phonegap

Themeroller header and Phonegap

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.

Solution

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.