菜單項更改斷點

-1

在我正在開發的網站上，我用公司的徽標替換了一個菜單項。但是，當使用斷點時（菜單轉換爲下拉菜單），我希望徽標變成其他常規菜單項，或者甚至可以將其刪除。菜單項更改斷點

Demo link

來源

2017-01-01 Kevin John Bain

鏈接不起作用。 – Santosh

適合我嗎？ –

由於某些奇怪的原因，該鏈接在移動設備上工作，但不在桌面上。 – Santosh

鏈接不工作在我的筆記本電腦，但它是工作的罰款與我的Android智能手機。我使用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>

來源

2017-01-02 03:40:42 Santosh

我不想在導航上方添加徽標，只能在桌面上顯示...我不想在桌面上與導航內聯，並且能夠隱藏它並顯示另一個鏈接它的位置，而手機菜單顯示。 –

菜單項更改斷點

回答

相關問題