Salient theme secondary menu에 텍스트 넣기

//Salient theme secondary menu에 텍스트 넣기

Salient theme secondary menu에 텍스트 넣기

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;	
}

추가로 이 좌측에 넣은 텍스트가 버튼 처럼 작동하는 것을 수정해야하는데 아래 링크 참고

링크1

링크2

By | 2017-12-10T05:42:23+00:00 12월 6th, 2016|Wordpress|0 Comments

About the Author:

Leave A Comment