스크롤 할 때 WP 응답 테마의 머리글이 맨 위에 올바르게 놓이지 않습니다. 위치 : 고정 폭 다음 WP 반응 테마 나는 어떤 %가 꽝

Question

밖으로 던져를 일하고 있어요 :

http://www.wpexplorer.me/tetris/

내가 실제 덤비는 전에 변경을 파이어 폭스 브라우저 애드온 꼬추 위해 방화범을 사용 파일. 그래서 당신이 그것이나 비슷한 것을 가지고 있다면, 당신은 위치를 추가함으로써 그것을 볼 것입니다 : 고정; #header 섹션의 헤더 너비가 원본 크기의 절반보다 크게 줄어들고 탐색 메뉴가 새로운 축소 공간 내에 배치됩니다.

너비 : 100 %, 너비 : 959px와 같은 #header 섹션에 다른 코드 스 니펫을 추가했습니다. 레이아웃을 엉망으로 만드는 다른 백분율과 픽셀; 특히 윈도우 크기를 태블릿과 휴대 기기에서 고려해야 할 크기로 조정하면 더욱 그러합니다. 나는이 주제에 대한 끈적한 헤더를 작동 시키거나 올바르게 할 수 없다. 아, Z 지수도 추가했습니다 : 200; #header 섹션 및 여백 : 160px 0; ~ 메인 콘텐트; 이것들은 나에게 문제를주지 않는다.

너비 추가 :; # main-content에 대한 코드가 도움이되지 않는 것 같습니다 (어느 곳에서 온라인으로 읽었는지 폭 코드가있는 곳이었습니다).

어쨌든이 테마의 머리글을 페이지의 맨 위로 이동하여 고정/고정/고정/맨 위에 올 때까지 필요한 코드를 아는 사람이 누구인지 알고 있습니까 (실제 용어가 무엇이든간에).) 항상? 그리고 창의 크기가 모바일 장치의 크기까지 줄곧 작아지면 레이아웃을 적용하여 작업 할 수 있습니까?

감사합니다.

Answer 1

이는 Z- 색인 0을 사용 상단

#header-wrap{position:fixed;top:0;z-index:999;} 
#pre-header{margin:20px 0 15px;width:960px;} 
#main-content{margin:215px 0 30px;} 

위치는 고정되어 작동한다 : 999 그런 다음 나머지 부분과 일치하는 내부 용기 프리 헤더 960의 폭을 설정할 필요가있다.

설정 한 다른 크기의 미디어 쿼리를 설정해야합니다. 쉽고, 즐기십시오.

소셜 아이콘이없는 메뉴가 사회적 아이콘이 아닌 상위 고정 막대가되도록하려면 jhead 스크롤 CSS를 변경하여 #header가 고정 위치가되도록합니다.

그것은 고정 된 헤더와 사회와 협력은 :

는

그것은 JQuery와 스크롤 CSS 변화를 이용하여 사회적 바없이 작업의 그림 :

이는 방법 나는 그것을 할 것이고, 나는 메뉴를 아래로 움직일 것이고, 사회적 아이콘을 메뉴 자체에 추가 할 것이다.

PS (아래 무슨 뜻인지의 스크린 샷이다, 사회적 아이콘은 75 % 감소). 사회적 아이콘이 많이 눈에 띄기 때문에 CSS3 그레이 스케일을 추가하면 방문자가이 아이콘을 가리키면 전환 효과로 색상이 켜집니다. 희망이 있습니다;)