iPad보기에서만 탐색 바 아래의 빈 공간/갭?

Question

Space under navigation bar

안녕하세요, 몇 주 동안 웹 사이트에서 작업하기 시작했습니다. HTML 코드를 사용하는 방법을 알지 못합니다. 여기에 코드를 추가하려고했지만 어떤 이유로 작동하지 않았습니다. 내 문제는 내 웹 사이트의 내비게이션 막대 (위 그림) 아래에 큰 빈 공간이 있다는 것입니다. iPad를 가로보기로 들고있을 때만 나타납니다. 모든 것을 시도했으며 iPad 용 미디어 쿼리를 추가하여 문제를 해결할 수 있다고 생각합니다. 가능한 경우 해결하도록 도와주세요! 웹 사이트 링크는 http://www.christianevidence.net/

입니다.

Answer 1

당신은

@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; 
} 
}