Модератор
Юрій
(@yube)
Это потому, что стили для .et_pb_section_0_tb_header.et_pb_section задаются в самом конце html. Кто его туда засунул — Вам виднее. По правилам теги <style> должны располагаться внутри <head>, то есть до начала обработки видимого контента. Перенесите стили в начало, и браузер будет знать, что нужен синий фон еще до начала рендеринга букв в менюшке.
Смотрите, у вас используется оптимизация загрузки стилей для улучшения Google PageSpeed, но реализована несколько криво.
Ее смысл:
- Отложенные «неосновные стили», они загружаются и срабатывают, когда страница загрузилась и отрисован первый экран (обычно мобильный). (link rel=»stylesheet» id=»divi-dynamic-css»)
- Так называемый Критический стиль для отрисовки первого экрана, вставленный на страницу инлайн. Например один из них style id=»divi-style-inline-inline-css»
Это должно быть очень четко сделанное разделение стилей, которое к тому же вызывает трудности выбора мобильный/пк вид.
У вас на сайте это разделение сделано плохо, и часть стилей первого экрана грузится уже после отрисовки первого экрана, из-за чего он перерисовывается.
@yube я работаю в визуальном конструкторе divi builder, с кодом знакома поверхностно. Вы можете, пожалуйста, подсказать, как мне найти в какой папке в редакторе тем расположены стили для .et_pb_section_0_tb_header.et_pb_section?
Я просмотрела самые, на мой взгляд, близкие, но не нашла. Может существует поиск строки по всему редактору?
Модератор
Юрій
(@yube)
@ekasol90, извините, но я ни с divi builder, ни с какими другими билдерами не работаю. И одна из причин та, что отнюдь не всегда понятно, что они делают, как и зачем. А я привык более-менее понимать, что происходит. Несколько раз доводилось проводить вскрытие ради незначительного украшательства, типа подкраски заголовка записи в зависимости от рубрики — больше не хочется.
@yube я поняла. Может есть какой-то инструмент, который поможет найти мне в редакторе тем вордпресс папку/папки со строками .et_pb_section_0_tb_header.et_pb_section?
Модератор
Юрій
(@yube)
@ekasol90, папки, файлы и тексты в них искать не сложно, инструментов много, но я подозреваю, что в лучшем случае найдутся только кэши, которые править бесполезно, а сам источник зла прячется где-то в настройках секций (код) и/или алгоритмах (то, что заставило вывести <style>в конце, а не там, где положено). Попробуйте в билдере поискать что-то типа дополнительных стилей, возможно, там найдется и что-то типа «где выводить».
Также не исключено, что Вам кто-то помогал делать сайт, и добавил этот фрагмент со стилями в footer вместо head, либо вручную в файл темы, либо при помощи какого-то плагина или настроек Темы. Возможно, тем же способом, что добавлен код Yandex.Metrika, только в другой файл|блок.
