반응 형 헤더 - 워드 프레스 블로깅 센터

Question

여러 가지 방법을 시도했지만이 각 부분을 얻을 수는 없습니다. 나는 누군가를 위해 wordpress blog를 만들었고 그녀는 그것에 만족했지만 최근에 header가 바뀌기를 바랐다. 나는 그것을 넓게 가지고 있었고 그녀는 그것을 boxed/centered 원했다. 헤더에는 기본적으로 로고, 탐색 및 왼쪽에 두 개의 이미지가 포함되어 있습니다. 블로그가 반응하고 화면이 특정 지점에 도달하면 헤더가 나머지 페이지의 컨테이너와 일치합니다. 그러나 전체 화면 노트북/데스크탑에서 각면의 약간의 패딩으로 훨씬 더 넓어졌습니다. 올바른 너비로 채우면 화면이 바뀌면 작아집니다. 나는 그것이 항상 메인 슬라이더와 컨테이너의 너비와 같기를 원한다. 당신이 당신의 브라우저 창을 변경하는 경우 변경이 발생하고 가능한 한 빨리 충실하게 곳

.fusion-header{ 
position:relative; 
display:block; 
/*width:100%;*/ 
/*padding-left:162px; 
padding-right:160px;*/ 
padding-top:0px; 
padding-bottom:0px; 
} 

.fusion-header-wrapper{ 
position:relative; 
display:block; 
width:100%; 
float:center; 

} 

당신이 볼 수

블로그 http://www.allloveblog.com

나는 현재 헤더에 대해 가지고있는 CSS에있다 그것은 다른 컨테이너의 너비입니다. 컨테이너의 너비에서 시작할 필요가 있습니다.

도움을 주시면 감사하겠습니다. 당신이해야 할 모든 생각

Answer 1

은 이것이다 : 당신이 어떤 CSS 규칙을 덮어 쓸 필요가

.fusion-header-wrapper { 
    max-width: 1160px; 
    margin: 0 auto; 
} 

경우에는 바로 수업 전에 body를 추가합니다. 이렇게하면 규칙에 우선 순위가 부여되며 규칙을 쉽게 식별 할 수 있습니다. 이처럼 :

body .fusion-header-wrapper { 
    max-width: 1160px; 
    margin: 0 auto; 
} 

설 m margin: 0 auto;

#main와 헤더를 중심 주의 폭을 제한 max-width: 1160px; 분명히 일치하는 헤더 폭 제한을 설정 할 필요가 무엇을 기본적으로
왼쪽으로 30 픽셀 패딩을 가지고 있으며, 권리. #main 내부
우리는 우리가 30 픽셀의 왼쪽 패딩과 오른쪽에 .fusion-header이 .fusion-header-wrapper 내부 max-width: 1100px;
와 .fusion-row 있습니다.
max-width: 1100px;을 설정하면 다른 div의 패딩 때문에 60 개의 px를 추가해야합니다.

P. 기존 WP 테마를 편집하기위한 하위 테마를 만들어야합니다.