wordpress bootstrap子菜單總是在移動視圖中可見

我使用wordpress和響應式菜單欄有問題。子菜單鏈接始終在移動設備響應視圖中可見。手術部位是Here 我已經在Google中檢查過這個問題，但沒有在任何地方找到正確的答案。任何人都可以在這裏解決？wordpress bootstrap子菜單總是在移動視圖中可見

來源

2016-12-14 Pt. Raman Sharma

請添加一個最小可重現的例子，以片段，jsfiddle.net鏈接或類似的形式。發佈鏈接到您的網站是不夠的。 – Kyle

如果你可以直接看原始網站，那麼這將是一個很大的幫助。包含許多CSS級別。一個是bootstrap，另一個是wordpress主題，第三個是woocommerce。請看看網站，讓我知道。 –

您可以在style.css中覆蓋自定義媒體查詢中的bootstraps css - 請參閱第138行的.dropdown菜單：display：block is the problem！

.dropdown-menu { 
    background-color: transparent; 
    border: medium none; 
    border-radius: 0; 
    box-shadow: none; 
    display: block; 
    float: none; 
    padding: 10px 0; 
    position: static; 
}

刪除display：block應該可以解決問題。

來源

2016-12-14 11:01:52 fen89

嗨，謝謝你的回答....這解決了我的一半問題。現在子菜單項摺疊onclick，但它們不能通過再次點擊父母隱藏.....請爲此提供解決方案。 –

不客氣！我不明白這個新問題。如果我點擊下拉菜單，就會崩潰並看到孩子，如果再次點擊，孩子就會隱藏起來。我通過調整大小的瀏覽器和我的手機檢查了這一點。你已經解決了嗎？因爲它是按照預期工作的。 – fen89

是的。我剛剛解決了這個問題，它是我的css文件中的一個bootstrap類的問題。感謝您的關注@ fen89。 –

bootstrap的默認css查詢被style.css忽略。查看課程下拉菜單，並在max-width：767px的媒體查詢中移除顯示塊。這將解決您的問題。

來源

2016-12-15 04:51:48

wordpress bootstrap子菜單總是在移動視圖中可見

回答

相關問題