메뉴 항목 중단 점 변경

Question

웹 사이트에서 개발중인 메뉴 항목을 회사 로고로 바 꾸었습니다. 그러나 중단 점 (메뉴가 드롭 다운으로 이동)을 사용할 때 나머지 부분과 같은 일반 메뉴 항목으로 변경하거나 심지어 제거 할 수 있도록 로고를 변경하고 싶습니다.

Demo link

Answer 1

링크는 내 노트북에 작동하지 않습니다하지만 내 안드로이드 스마트 폰으로 잘 작동했다. Android 디버거 도구를 사용하여 사이트를 검사합니다.

css 및 미디어 쿼리로 메뉴 내부의 로고를 숨기고 탐색 위에 다른 로고를 추가하여 데스크톱에만 표시 할 수 있습니다.

아래의 CSS가 도움이 될 수 있습니다.

@media (min-width: 800px){ 
     .hide_desktop { display: none; } 
    } 
    @media (min-width: 801px) { 
     .hide_mobile { display: none; } 
    } 

HTML 마크 업

<div class="hide_desktop"><a href="#home"><img src="logo.png"></a></div> 
    <ul class="showing"> 
     <li><a href="#about_anchor"><li>ABOUT</li></a></li> 
     <li><a href="#work_anchor">REVIEWS</a></li> 
     <li class="hide_mobile"><a href="#home"><img src="logo.png"></a></li> 
     <li><a href="#services_anchor">SERVICES</a></li> 
     <li><a href="#connect_anchor">CONTACT</a></li> 
     &nbsp; 
    </ul>