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

我有一个Responsive站点，它在桌面上运行良好，但在移动和平板电脑视图中不起作用。导航栏显示在Tablet和Mobile view中，但不显示菜单

这是我的网站：

我使用它作为我的示例模板：在这里，导航栏中的菜单在移动视图中正确显示。我希望navbar中的菜单应该与示例模板完全相同

---

你能帮我把它修好吗。导航栏中的菜单应该与我在这里给出的链接示例模板完全相同。

您缺少这行代码

      <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>

---

我认为您缺少一些代码选择。在移动方面，他们隐藏了ul并显示了select

将此添加到ulmenu主标记下方

像这样：

<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>

---

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

  <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.  --> 

---

事情是这样的：您是否使用了引导框架。我已经删除了这段代码，但它仍然存在创建问题，因为navbar正在向右移动。请检查示例模板，看看navbar中的菜单在该模板中是如何工作的。先生，我检查了您的答案，但我应该在哪里添加这一行？我最好把你加入我的博客账号，这样你就可以做出必要的改变。谢谢，它会起作用的，把它放在指定的地方@Dianara Fernandez Pakingorbro工作得很好。。。。但在添加了这些代码之后，如果你用手机打开我的网站，它会显示如下：屏幕截图：现在在手机上显示2个菜单。当我将iphone 6设置为我的设备时，它在chrome上运行良好。请发布您添加的代码，或者像这样在chrome中尝试。打开chrome->打开您的站点->按f12->从DOM顶部单击移动图标。->设置iphone 6或您需要的任何设备并刷新它。@Dianara Fernandezpakingo或您在项目中添加了两次select语句。请删除第二个并运行它。@DianaraFernandezPakingor您已经在其中添加了两次select从您的项目中删除第二个。bro工作正常。。。。但是在添加了这些代码之后，如果你在手机上打开我的网站，它会显示如下：屏幕截图：现在在手机上显示2个菜单。我刚刚测试了你的网站。它似乎工作得很好。这是斯克雷肖特。这里是当点击菜单时，这里是一个实时移动版本，看起来你有两个选择代码。另一个是删除其中一个选择或使用显示：无CSS。如果我回答了你的问题，请投票。谢谢。兄弟，其他选择代码在哪里？我在我的模板中找不到它。你有两个url。您的桌面URL和移动URL。正在从您的移动URL内容加载Two Select。