На мобильном устройстве, когда я нахожусь в верхней части темы, навигационная панель/заголовок включает иконку меню и другие элементы, в том числе слайдер/карусель категорий.
При прокрутке за определённый «порог» она меняется и начинает включать название темы, но это нарушает моё форматирование. Можно ли отключить такое поведение? Мне нужен одинаковый заголовок всегда.
Кнопка меню-бургер находится в разных местах на ваших двух скриншотах, что наводит на мысль, что во втором случае вы не использовали мобильный режим.
Вы можете включить мобильный вид, добавив ?mobile_view=1 к URL-адресу. Таким образом, вы также сможете улучшить стилизацию и продолжать пользоваться функцией отображения заголовка.
Я просто открыл панель «Inspect» в Chrome и нажал кнопку для активации мобильного вида. Почему меню сместилось влево — понятия не имею…
Иногда этот вид не очень точен, я заметил.
Спасибо за совет с ?mobile_view=1. Я этого не знал.
Хочу добавить для тех, кто не знаком с этим (и мне потребовалось время, чтобы вернуться к нормальному виду): чтобы вернуться назад, просто добавьте ?mobile_view=0, например, https://example.com?mobile_view=0.
С опцией ?mobile_view=1 я заметил, что при достижении точки переключения на заголовок темы поведение становится странным, но на мобильном устройстве этого не происходит. Возможно, что-то неладно при использовании настольного браузера.
Как видно из моих скриншотов, помимо испорченного заголовка, слайдер с категориями полностью удалён.
1 - Как вы думаете, это происходит из-за того, что высота заголовка не подстраивается должным образом?
2 - Как создать CSS, который применяется только при этом изменении?
@Moin При проверке мобильной версии с помощью упомянутой вами уловки с URL (без установленного компонента) я вижу следующее, когда нахожусь в верхней части темы:
Таким образом, div с class="wrap custom-categories-navbar" полностью удаляется. Похоже, здесь задействованы дополнительные механизмы, и для предотвращения исчезновения ползунка категорий потребуется другой подход.