점포 끈적한 헤더

Question

내 WordPress 사이트 (www.carryoneverything.com)에 끈적한 헤더를 만들려고합니다. 최신 Storefront 테마가 설치되어 있지만 로고, 탐색, 카트 및 검색을 모두 같은 줄에 표시 할 수 없습니다. 나는 그들 모두가 분리 된 부서에 있기 때문에 그것이라고 생각한다?

내 머리글을 https://www.hollisterco.com/shop/us처럼 보이게하고 싶습니다.

#masthead { 
    position: fixed; 
    top: 0; 
    width: 100%; 
} 

내가 CSS에서이 문제를 해결 또는 내가 자바 스크립트를 사용할 필요가 수행 할 수

는 또한 관리자 줄은 끈적 끈적한 헤더와 끈적 끈적한 헤더 ccovers까지 내가 몸을 커버?

Answer 1

CSS로 확실히 해결할 수 있습니다. 정렬하려는 항목을 보유하고있는 부모 컨테이너는 flex 속성을 추가 할 수 있으므로 항목이 자동으로 정렬됩니다. flex에 대한 자세한 내용은 여기를 참조하십시오. https://css-tricks.com/snippets/css/a-guide-to-flexbox/

div에 고정 된 위치를 제공하여 문제를 해결할 때 Z- 인덱스 문제 일 가능성이 큽니다. div를 레이어하고 특정 div를 맨 위에, 다른 div를 맨 아래에 유지할 수 있습니다.

예 : z-index:1은 z-index:2으로 처리됩니다. 여기 Z- 인덱스에 대한 자세한 내용을 읽어 https://www.w3schools.com/cssref/pr_pos_z-index.asp

.parent{ 
 
    display:flex; 
 
    justify-content:space-between; 
 
    align-items:center; 
 
} 
 

 
.child{ 
 
    width:20%; 
 
    background-color:black; 
 
    color:white; 
 
    text-align:center; 
 
}

<div class="parent"> 
 
    <div class="child"> 
 
    1 
 
    </div><!-- child --> 
 
    <div class="child"> 
 
    2 
 
    </div><!-- child --> 
 
    <div class="child"> 
 
    3 
 
    </div><!-- child --> 
 
</div><!-- parent -->

Answer 2

이이 워드 프레스 문제입니다. 코드를 제공하여 문제를 해결할 수는 없습니다. 사이트에 대한 액세스 권한이 있어야합니다. 테마는 일부 편집 (테마 옵션)을 제공 할 수도 있습니다. 사실 조금 문제가 있습니다.