生成菜單響應，並啓用自定義徽標

Question

我試圖重建這個網站：http://www.pwlawyers.ca

當屏幕分辨率下降的菜單變得敏感，你可以看到。 我還沒有想出如何做到這一點。 這是我現在擁有的。 http://dev.pwlawyers.ca/

而且我已經能夠通過增加弄清楚如何啓用自定義徽標在functions.php的

add_theme_support('custom-logo', array(
'height'  => 100, 
'width'  => 400, 
'flex-height' => true, 
'flex-width' => true, 
'header-text' => array('site-title', 'site-description'), 
)); 

也就是說直接從WordPress的抄本以下。我還需做哪些其他更改才能在網站上看到徽標？如果我可以幫助減少混淆，請讓我知道。

Answer 1

對於響應菜單： 有很多的選擇，但他們使用該網站上的是：

1）請對分離的菜單，一個專爲臺式機和一個專爲移動。

2）他們給移動菜單（.mobile_nav）一個display:none; css屬性，使它不可見。

3）他們做這將觸發CSS只對特定的屏幕尺寸以開啓移動導航顯示器和桌面菜單顯示過這樣的一些@media CSS功能：

@media (max-width: 980px) { 
.mobile_nav { display:block; } 
.top-menu-nav { display: none; } 
} 

對於自定義的標誌： 您只需在需要顯示徽標的地方添加<?php the_custom_logo(); ?>即可。