Question

我有一个resposive网站，可以在桌面上正常使用，但不能在移动设备和平板电脑视图中使用。导航栏显示在平板电脑和移动视图中，但菜单未显示。

这是我的网站：http://www.sociolife.co.in/

我使用此作为我的示例模板：http://dynamicmag-sbtemplates.blogspot.in/，此处导航栏中的菜单在移动视图中正确显示。我希望导航栏中的菜单看起来与样本模板完全一样

你能帮我解决一下吗？导航栏中的菜单应该与我在此处给出的链接的示例模板完全相同。

Answer 1

您缺少此选择代码行。

      <select id="tinynav1" class="tinynav tinynav1">  <option>Navigation</option>      <option value="/">Home</option><option value="your-link-here">Business</option><option value="your-link-here">- Post With Featured Image</option><option value="your-link-here">- Post With Slider</option><option value="your-link-here">- Post with SoundCloud</option><option value="your-link-here">- Post With Video</option><option value="your-link-here">Technology</option><option value="your-link-here">- Authors</option><option value="your-link-here">- Sitemap</option><option value="your-link-here">- Tags</option><option value="your-link-here">- Timeline</option><option value="your-link-here">Life &amp; Style</option><option value="your-link-here">Games</option><option value="your-link-here">- Full Width</option><option value="your-link-here">- Right Sidebar</option><option value="your-link-here">- Left SIdebar</option><option value="your-link-here">Sports</option><option value="your-link-here">- Stars</option><option value="your-link-here">- Points</option><option value="your-link-here">- Percent</option><option value="your-link-here">- in The Top</option><option value="your-link-here">Error Page</option><option value="#random"></option></select>

Answer 2

我认为你缺少一些代码（选择）。他们正在隐藏＆＃34; ul＆＃34;并显示＆＃34;选择＆＃34;谈到手机......

在ul＃menu-main标签下面添加这个

像这样：

<ul id="menu-main">something</ul> // add under this ul tag

<select id="tinynav1" class="tinynav tinynav1">
 <option>Navigation</option><option value="/">Home</option>
 <option value="your-link-here">Business</option>
 <option value="your-link-here">- Post With Featured Image</option>
 <option value="your-link-here">- Post With Slider</option>
 <option value="your-link-here">- Post with SoundCloud</option>
 <option value="your-link-here">- Post With Video</option>
 <option value="your-link-here">Technology</option><option value="your-link-here">- Authors</option>
 <option value="your-link-here">- Sitemap</option>
 <option value="your-link-here">- Tags</option>
 <option value="your-link-here">- Timeline</option>
 <option value="your-link-here">Life &amp; Style</option><option value="your-link-here">Games</option>
 <option value="your-link-here">- Full Width</option>
 <option value="your-link-here">- Right Sidebar</option>
 <option value="your-link-here">- Left SIdebar</option>
 <option value="your-link-here">Sports</option>
 <option value="your-link-here">- Stars</option>
 <option value="your-link-here">- Points</option>
 <option value="your-link-here">- Percent</option>
 <option value="your-link-here">- in The Top</option>
 <option value="your-link-here">Error Page</option>
 <option value="#random"></option>
</select>

Answer 3

这是您的桌面导航代码。如果这回答了您的问题，请投票。谢谢

  <ul class="menu l_tinynav1" id="menu-main">
  <li><!-- Your Desktop Nav Code --></li>
<script type="text/javascript">ndom'; 
  </script>
</ul><!-- here onwards you add the code I mentioned earlier.  -->

导航栏中的菜单未显示在移动视图中

3 个答案: