javascript - 导航菜单不显示在移动浏览器上

Question

我试图找出当我使用移动设备和 iPad 访问我的页面时我的导航窗口没有显示的原因？

有什么想法可以帮助吗？

http://egycotravel.com/trips.html

谢谢

对不起：这个链接有我正在谈论的导航栏，它有橙色背景和白色文本链接。当我在手机上打开这个 URL 时，导航链接没有显示出来……我想知道为什么？

Answer 1

在您的 style.css 文件中查找并修改此 CSS 代码：

ul.topnav li {
    float: left;
    margin: 0;
    padding: 0 4px 0 4px;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li:hover {
    background:url(images/bg_hover.png) repeat;
}

ul.topnav li a{
    padding: 10px 2px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
    margin-right: 5px;
}
ul.topnav li a:hover{
    color: #3333CC;
    text-decoration: none;
}