使菜单响应并启用自定义徽标

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 codex。我还需要做些哪些更改才能在网站上看到徽标？如果我可以帮助减少混淆，请告诉我。

Answer 1

对于自适应菜单： 有很多选择，但他们在该网站上使用的是：

1）制作分离的菜单，一个专为桌面设计，另一个专为移动设计。

2）他们给移动菜单（.mobile_nav）一个display:none; css属性，使其不可见。

3）他们做了一些@media css功能，只触发特定屏幕大小的css，打开移动导航显示，桌面菜单显示如下：

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

对于自定义徽标： 您只需将<?php the_custom_logo(); ?>添加到要显示徽标的位置即可。