title: Desktop webpages rather that mobile webpages showing up mobile devices after setting up dynamic website
body: <p>I have developed a forex data website which I had thought was best viewed on a desktop PC since alot of data is arranged in the most concise manner possible so that it may be viewed in one glance for efficiency. It works fine, however, google feels differently and apparently will not boost SEO ratings if the pages doesn't display well on a mobile device. OK to this end, I redesigned the pages to fit a mobile screen using the dynamic method. That is, not using a separate url, only separate pages, and  have implemented the following;</p>
  <ul>
  <li><p>put an alternate tag in the index.htm header (and all other pages)  pointing to the mobile page which is in a subdirectory of the url home directory. Included the media=&quot;only screen and (max-width: 640px)&quot; parameter.  I also put in a canonical tag pointing to the index.htm  itself and in the mobile pages as well, pointing to their respective desktop pages. A viewport metatag is also in the index header.</p>
  </li>
  <li><p>added a vary HTTP header in the htaccess file as well as  RewriteCond %{HTTPS} off  to direct all access as secure. However, when I tried to put RewriteCond %(HTTP_HOST) ^www\fxchartdata.com$ [NC], to redirect all www access to the simple url <a href="https://fxchartdata.com" rel="nofollow noreferrer">https://fxchartdata.com</a>, the website would not show up on firefox and chrome. It now shows up on chrome but not firefox.</p>
  </li>
  <li><p>have been careful to put respective css and supporting files together in the correct directory as well as a sitemap. Actually this and various other procedural issues are handled automatically by Open Element.</p>
  </li>
  </ul>
  <p>The webpage  only shows up for desktop, even though all the proper pages for mobile are sitting in the /mobile directory. I am using Open Element as a web developer tool. It uses a considerable amount of java script which I am not really familiar with, aside from general knowledge from a programming backround. There is also a bit of php which I needed to handle particular situations including proper display of text based data and an email contacts page.</p>
  <p>In short, nothing I have done will display the correct page which is fxchartdata.com/mobile/m_Home.htm on a mobile device. I confess to being a somewhat new to web development, although I did all the work myself. I have checked the page references and corrected any inconsistencies which I found, although there remains the possibility that I missed at least one.</p>
  <p>Any idea what I might have left out or been careless about ?</p>
  <p>desktop index.htm  section</p>
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; dir=&quot;ltr&quot; lang=&quot;en&quot;&gt;
   &lt;head&gt;
    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;
    &lt;meta name=&quot;generator&quot; content=&quot;openElement (1.57.9)&quot; /&gt;
    &lt;title&gt; EzPrepForex Trading Preparation&lt;/title&gt;
    &lt;meta name=&quot;description&quot; content=&quot;Foreign currency exchange trading preparation tool. Reduces time needed to study the market for the best forex trades.&quot; /&gt;
    &lt;meta name=&quot;keywords&quot; content=&quot;forex trading preparation,forex trading analysis,forex chart data,forex news,forex data&quot; /&gt;
    &lt;meta name=&quot;copyright&quot; content=&quot;2019&quot; /&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1.0&quot; /&gt;
    &lt;link rel=&quot;shortcut icon&quot; href=&quot;favicon.oe.ico?v=50491105200&quot; /&gt;
    &lt;link id=&quot;openElement&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;WEFiles/Css/v02/openElement.css?v=50491105200&quot; /&gt;
    &lt;link id=&quot;OEBase&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;index.css?v=50491105200&quot; /&gt;
    &lt;!--[if lte IE 7]&gt;
    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;WEFiles/Css/ie7.css?v=50491105200&quot; /&gt;
    &lt;![endif]--&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
     var WEInfoPage = {&quot;PHPVersion&quot;:&quot;phpOK&quot;,&quot;OEVersion&quot;:&quot;1-57-9&quot;,&quot;PagePath&quot;:&quot;index&quot;,&quot;Culture&quot;:&quot;DEFAULT&quot;,&quot;LanguageCode&quot;:&quot;EN&quot;,&quot;RelativePath&quot;:&quot;&quot;,&quot;RenderMode&quot;:&quot;Export&quot;,&quot;PageAssociatePath&quot;:&quot;index&quot;,&quot;EditorTexts&quot;:null};
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;WEFiles/Client/jQuery/1.10.2.js?v=50491105200&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;WEFiles/Client/jQuery/migrate.js?v=50491105200&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;WEFiles/Client/Common/oe.min.js?v=50491105200&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;alternate&quot; media=&quot;only screen and (max-width: 640px)&quot; href=&quot;https://fxchartdata.com/mobile/m_Home.htm&quot; &gt;
    &lt;link rel=”canonical” href=”https://fxchartdata.com/index.htm”&gt;
   &lt;/head&gt;
  </code></pre>
  <p>htaccess</p>
  <pre><code>
  RewriteEngine On 
  RewriteCond %{HTTPS} off 
  RewriteRule ^(.*)$ https://%
  
  #Protect .htaccess
  &lt;Files .htaccess&gt;
  order allow,deny
  deny from all
  &lt;/Files&gt;
  
  # another ver to force https
  #RewriteCond %{HTTPS} !=on
  #RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301,NE]
  
  #RewriteCond %(HTTP_HOST) ^www\fxchartdata\.com$ [NC]
  #RewriteRule ^(.*)$ https://fxchartdata.com/$1 [L,R=301]
  
  #FreeScript
  AddDefaultCharset UTF-8
  &lt;IfDefine !Free&gt;
  &lt;IfModule  mod_headers.c&gt;
  Header set Cache-Control &quot;private, max-age=0, must-revalidate&quot;
  Header set X-UA-Compatible &quot;IE=8; IE=9; IE=10&quot;
  Header append Vary User-Agent
  &lt;/IfModule&gt;
  &lt;/IfDefine&gt;
  </code></pre>