生成菜单响应，并启用自定义徽标

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(); ?>即可。