仅在iPad视图中导航栏下的空白/间隙？

Question

Space under navigation bar

嘿，我刚刚开始在网站上工作几周，而且我不知道如何使用HTML代码。我尝试在这里添加代码，但由于某种原因它没有工作。我的问题是我的网站导航栏（上图）下面有一个很大的空白区域，只有在横向视图中持有iPad时才出现。我已尝试过所有内容，并认为可以通过为iPad添加媒体查询来修复它。如果可以，请帮我解决这个问题！链接到网站是http://www.christianevidence.net/

感谢。

Answer 1

您需要使用font-size和padding reduce

在css中添加此媒体查询

@media only screen and (max-width: 1024px) {
#main-nav ul li a {
    float: left;
    color: #EEEEEE;
    font-family: arial;
    padding: 0 5px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 14px;
}
}