2014-07-12 4 views
1

WordPress의 실제 하위 메뉴에 하위 메뉴를 추가하려면 어떻게해야합니까?WordPress의 실제 하위 메뉴에서 하위 메뉴 (css)를 추가하는 방법

내 웹 사이트 중 하나에서 마우스를 가져 가면 산호 색깔 메뉴 (과학, 인증 등 포함)에 하위 메뉴가 표시됩니다. 산호 색의 메뉴가 실제로 wordpress 내의 하위 메뉴이기 때문에 나는 이것의 하위 메뉴를 만들 수 없습니다. 상단 메뉴는 상단의 "왜, 어떻게, 무엇, 누가?"메뉴입니다.

* 확인하면 DISC가 The Sciences의 하위 메뉴 (드롭 다운)로 나타나야하지만 정상적으로 작동하지 않아야합니다.

도움을 주시면 감사하겠습니다.

많은 감사,

~ Dipak G.

답변

1

당신은 간단한 드래그를 할 수있는 서브 메뉴의 하위 메뉴를 놓습니다. 하위 메뉴는 페이지, 사용자 정의 링크 및 메뉴 페이지의 왼쪽에있는 항목이 될 수 있습니다. 그리고 그에 따라 CSS를 작성하십시오.

The science 
    sub-menu(of science) 
     sub-menu a 
     sub-menu b 
     sub-menu b 
Accreditation 
    sub-menu(of Accreditation) 
     sub-menu c 
     sub-menu e 
     sub-menu f 
and so on 

을하고 CSS를 원하는 경우 다음 말해 :

시리즈가 될 것입니다.

따라 테마 및 CSS를이 CSS를 추가 : 당신은 드래그 N 드롭에 의해 그것을 할 수

.sub-menu-corel .sub-menu { 
display: none; 
position: absolute; 
top: 100%; 
width: 180px; 
background: #fff; 
border: 1px solid #ccc; 
padding: 10px 0; 
z-index:999; 
} 

.sub-menu-corel .sub-menu li{ 
width:100%; 
} 

.sub-menu-corel .sub-menu li a{ 
display:block; 
width:100%; 
color:#111; 
} 

.sub-menu-corel .sub-menu li a:hover{ 
color:#111; 
} 

이 업데이트됩니다 CSS를

+0

나는 당신이 잘못 계산했다고 생각합니다. 이미 알고 있습니다. 내 말은 '디스크'를 드롭 다운 (부 메뉴)으로 표시하고 싶다는 것입니다. 이 스크린 캐스트 http://imgur.com/IYa2NkR을 살펴보고 더 잘 이해할 것이라고 확신합니다. –

+0

당신은 업데이트 된 CSS를 사용할 수 있습니다, 당신은 자신의 CSS를 나머지해야합니다. – user3777827

+0

고마워, 나는 당신이 제공 한 CSS에 몇 가지 요소를 추가했고 내 문제를 해결했다. –

0

Appearance => Menu 

를 이동하여 것처럼 배치 하위 메뉴의 하위 메뉴.

관련 문제