меню Make отзывчивых и включить собственный логотип

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'), 
)); 

То есть прямо из Codex Wordpress. Какие еще изменения я должен сделать, чтобы логотип был виден на сайте? Если я могу помочь в любом случае сделать это менее запутанным, пожалуйста, дайте мне знать.

Answer 1

Для отзывчивым меню: Есть много вариантов, но то, что они используют на этом сайте:

1) Убедитесь в отделенных меню, один предназначен для настольных компьютеров и один предназначен для мобильных устройств.

2) они дают мобильному меню (.mobile_nav) атрибут css display:none;, который делает его невидимым.

3) они делают некоторое @media функции CSS, которая вызывает CSS только для определенных размеров экрана, чтобы включить мобильный дисплей навигационного на и меню рабочего стола отключенного дисплей так:

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

Для пользовательского логотипа: Вам нужно добавить <?php the_custom_logo(); ?>, где вы хотите, чтобы ваш логотип появлялся.