<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Map Story Not Working on Phone in HTML5, CSS, JavaScript, and JavaScript Frameworks</title>
    <link>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/map-story-not-working-on-phone/m-p/824067#M32</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I looked at the references and I don't see a reference to bootstrap or esriBootstrap for mobile. Unless there are media queries to adjust based on screen size, the CSS will be the same in all devices which is why you can see it on an iPad; there is more screen space.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Tue, 19 May 2015 18:59:26 GMT</pubDate>
    <dc:creator>ChrisSergent</dc:creator>
    <dc:date>2015-05-19T18:59:26Z</dc:date>
    <item>
      <title>Map Story Not Working on Phone</title>
      <link>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/map-story-not-working-on-phone/m-p/824066#M31</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I am using the Countdown Map Story template and I can't get the left info pane to collapse on any phone (android and iOS). It works fine on a tablet or iPad, but not on any phone. &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I can't pan or zoom&amp;nbsp; to see the map or anything. It appears to no honor the screen size for phone. The info pane is taking up the entire screen.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Here's the URL to test: &lt;A href="http://www.iowadot.gov/roadconstruction/2015Projects/index.html" title="http://www.iowadot.gov/roadconstruction/2015Projects/index.html"&gt;http://www.iowadot.gov/roadconstruction/2015Projects/index.html&lt;/A&gt; &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks,&lt;/P&gt;&lt;P&gt;Mark&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 19 May 2015 16:26:04 GMT</pubDate>
      <guid>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/map-story-not-working-on-phone/m-p/824066#M31</guid>
      <dc:creator>MarkMcCart</dc:creator>
      <dc:date>2015-05-19T16:26:04Z</dc:date>
    </item>
    <item>
      <title>Re: Map Story Not Working on Phone</title>
      <link>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/map-story-not-working-on-phone/m-p/824067#M32</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I looked at the references and I don't see a reference to bootstrap or esriBootstrap for mobile. Unless there are media queries to adjust based on screen size, the CSS will be the same in all devices which is why you can see it on an iPad; there is more screen space.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 19 May 2015 18:59:26 GMT</pubDate>
      <guid>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/map-story-not-working-on-phone/m-p/824067#M32</guid>
      <dc:creator>ChrisSergent</dc:creator>
      <dc:date>2015-05-19T18:59:26Z</dc:date>
    </item>
  </channel>
</rss>

