dotMobimobiThinkingmobiForgemobiReadyDeviceAtlasgoMobi

Place Navigation in the Content Body

Unlike on the desktop, it usually isn’t a good idea to have a navigation list on every page. Given the vertical orientation of the mobile page, you should show only navigation that’s relevant to the page, thereby reducing page weight and scrolling. Thus, the navigation goes into the content body:

 

&lt;div id=&quot;content&quot;&gt;<br />  &lt;ol&gt;<br />    &lt;li&gt;&lt;a href=&quot;news.html&quot;&gt;News&lt;/a&gt;&lt;li&gt;<br />    &lt;li&gt;&lt;a href=&quot;products.html&quot;&gt;Our Products&lt;/a&gt;&lt;/li&gt;<br />    &lt;li&gt;&lt;a href=&quot;customers.html&quot;&gt;Our Customers&lt;/a&gt;&lt;/li&gt;<br />    &lt;li&gt;&lt;a href=&quot;about.html&quot;&gt;About Us&lt;/a&gt;&lt;/li&gt;<br />    &lt;li&gt;&lt;a href=&quot;contact.html&quot;&gt;Contact Us&lt;/a&gt;&lt;/li&gt;<br />  &lt;/ol&gt;<br />&lt;/div&gt;