Почему при эмулировании мобильного устройства в google chrome пропадает адаптив?

Я сейчас осваиваю инструменты разработчика google-chome. Помогите правильно настроить эмуляцию мобильных устройств. Сейчас у меня есть шапка сайта. Так она выглядит на ПК:

При Нажатии F12и сужении экрана шапка выглядит так:

То есть появляется бургер, работают медиа запросы и т.д.

Но, когда я включаю эмуляцию мобильного устройства шапка на большом экране:

Шапка на мобилке:

Почему при эмуляции мобилки адаптив пропадает и контент просто уменьшается в размерах? Например, в этом уроке у автора все работает правильно. Что мне добавить в разметку?