Salient 테마는 상단에 추가로 메뉴를 넣을 수 있다. Secondary Menu라고 하여 헤더 위에 좁은 바가 생기고 메뉴를 넣을 수 있다. 하지만 우측 정렬이 되고 전화번호 등의 텍스트를 좌측에 넣을 수가 없다. 아래 과정으로 하면 좌측에 추가 텍스트를 넣을 수 있다.




아래의 css를 custom css에 넣는다. li:first-child 라는 선택자에 대한 이해가 중요!
/* 기존에 이미 세컨드 메뉴가 float right 되어 있는 것을 되돌림 */
.sf-menu{
float: none!important;
}
/* 각 개별 메뉴(li) 를 오른쪽으로 정렬 */
#header-secondary-outer li{
/* display: inline-block!important; 인라인 블록이 필요할 것 같았는데 필요 없음*/
float: right!important;
}
/* 각 개별 메뉴(li) 중 첫번째 것만 오른쪽으로 정렬 */
#header-secondary-outer li:first-child{
/* display: inline-block!important;*/
float: left!important;
}

Leave A Comment