---
title: Шапка (мобильная)
section: layout
theme: mebelidomanet
framework: bootstrap
redesign_status: pending
last_updated: 2026-07-11
files:
  php_inline:
    - views/layouts/main.php:139-199
  php_partials:
    - views/layouts/_cart-informer.php
    - views/layouts/_favorite-informer.php
  scss:
    - src/client/mobile-header/index.scss
  js:
    - src/client/mobile-header/index.js
  widgets: []
  shared: []
deps_on:
  - informers/cart-informer
  - informers/favorite-informer
  - layout/mobile-nav
  - layout/modal-location
themes_with_analog:
  - mebelmall
  - dommebeli
  - mebelmart
  - freshshop
  - mebelmag
  - mebelbazar
  - hormebel
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Шапка (мобильная)

## Назначение

Мобильная шапка, скрытая на `md+` через `d-md-none`. Два уровня:

1. **`mobile-header__static-top`** — верхняя полоска: телефон слева, ссылка «город» справа (открывает модалку выбора города).
2. **`mobile-header__fix`** (sticky) — гамбургер `.mobile-nav-trigger`, центральный логотип, иконка избранного и корзины.

Ниже шапки — пустой блок `pt-5` (`main.php:203`) как mobile top padding.

## Где живёт

- **HTML inline** в `views/layouts/main.php:139-199`.
- **SCSS:** `src/client/mobile-header/index.scss`.
- **JS:** `src/client/mobile-header/index.js`.
- **Partials:** `_cart-informer.php`, `_favorite-informer.php`.

## Bootstrap-классы

- **Сетка:** `container`, `row`, `col-6`.
- **Display:** `d-md-none`, `d-flex`, `d-inline-block`.
- **Flexbox:** `align-items-center`, `justify-content-center`.
- **Spacing:** `pr-0`, `pl-0`, `pt-5`.
- **Текст:** `text-left`, `text-right`.

## JS-зависимости

- `data-toggle="modal" data-target="#modalLocation"` — ссылка «город» открывает модалку.
- `.mobile-nav-trigger` — клик обрабатывает `src/client/mobile-nav-trigger/` JS (?) либо JS внутри `mobile-nav` тоггла.