반응 형 메뉴 및 레이아웃 문제

Question

데스크톱 화면에서 사용자가 페이지에 상관없이 상단에 메뉴가 있도록 끈적 메뉴를 설정했습니다. 이것은 컴퓨터에서 잘 작동하지만 전화에서는 그리 좋지 않습니다. 내 테마는 반응이 빠른 테마이기 때문에 전화 화면에 맞게 조정되고 메뉴 탭은 전화의 단일 드롭 다운 버튼으로 압축됩니다. 그러나 드롭 다운을 열 때 내 모든 메뉴 막대 탭이 첫 번째 게시물 내용으로 드롭 다운되고보고 클릭하기가 매우 어렵습니다. 나는 내가 설정 한 끈적 메뉴 때문에 이것이라고 생각하고있다.

두 개의 광고가 내 주요 콘텐츠 영역 외부에 설정되어 있습니다. 이것은 휴대 전화의 콘텐츠 영역과 겹칩니다. 이 광고를 모바일 영역에서 콘텐츠 영역의 하단이나 숨김으로 유지해야합니다.

내 사이트는 www.beeandcompany.com입니다. 누군가가 나를 도울 수 있다면 정말 감사 할 것입니다!

Answer 1

글쎄, 당신의 style.css에있는 반응이 빠른 CSS를 편집하십시오. 줄이 있습니다.

@media screen and (max-width: 779px) 

이렇게하면 779px보다 작은 모든 해상도에서 작동합니다. 메뉴를 타겟팅하고 왼쪽 상단 모서리에 고정시킵니다. 예를

를 들어

nav.lowermedia_add_sticky { 
position: fixed; 
top: 0; 
left: 0; 
background: #aaa; 
z-index: 100; 
} 

당신은 원하는대로 편집 할 수 있습니다. 또한 메뉴 토글이 항상 표시되도록해야합니다. 이러한 광고는 귀하의 콘텐츠와 중복됩니다. 당신은 누군가를 당신의 디자인을 통해 가야하고 반응을 위해 물건을 고쳐야합니다.