Избавиться от смещения макета CSS
Здравствуйте!
Тестирую сайт в режиме Slow 3G и вижу, что меню сначала вываливается декстопное меню, а потом появляется
offcanvas меню и декстопное меню исчезает.
Google ругается на это дело.
Скриншоты где отображается десктопное меню и второй скриншот где его нет, а уже есть кнопка мобильного меню.
Увидеть проблему можно здесь - https://biblsoft.ru/android
Но нужно в Хроме сначала войти в режим просмотра на мобильных устройствах и выбрать любой телефон.
Затем внизу на панели выбрать вкладку Network и выставить вместо No throttling - Slow 3G (тоже показал на скриншоте).
Это чтобы страница загружалась медленно и было видно, как это меню вываливается.
Я попытался решить проблему, добавить в <head> стиль для этого меню
media screen and (max-width: 767px) {
. g-main-nav {
display:none;
}
}
Не дало никакого эффекта.
-
1 день200 UAH
2593 427 9 1 1 день200 UAH
Легко решить проблему
=- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =-
-
1 день200 UAH
465 13 0 1 день200 UAH
Добрый вечер, готов сейчас поправить этот момент и распишу решение.
Пишите, буду рад сотрудничеству!
-
1 день300 UAH
2315 28 2 1 день300 UAH
Добрый день! Можна добавить прелоадер, который скроет момент загрузки и прижки.
-
1 день300 UAH
618 28 6 2 1 день300 UAH
Здравствуйте Роман. Никаких проблем в решении данной задачи не вижу. Наш разработчик готов за считанное время решить вашу проблему.
-
потому что оно .androidmenu.g-block и его скрывает скрипт, а скрывает когда сам загрузится.
-
Ну так а почему не срабатывает display none из head ?
-
.androidmenu.g-block - этот елемент там пропишите
-
С этим вроде разобрался. А вы можете вычислить все смещения макета с помощью devtools хрома и дать рекомендации к устранению? Я оплачу.
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Фронтенд разработка и UI/UX + CMSЧто нужно сделать: Front-end разработка и UI/UX реализация Адаптивная HTML/CSS верстка согласно утвержденному дизайн-макету. Настройка интерактивных элементов интерфейса (микроанимации, hover-эффекты, плавные переходы). Обеспечение кроссбраузерности и полной мобильной… HTML и CSS верстка ∙ 1 час 26 минут назад ∙ 36 ставок |
Перенос сайта на Shopify
1123 UAH
Нужно перенести текущий сайт jdfurniture.uk с OpenCart на платформу Shopify. Сейчас сайт на OpenCart в целом нас устраивает по структуре и логике работы. Основная причина переноса — проблемы с платежными системами. На Shopify таких проблем быть не должно. Также для нас важно,… HTML и CSS верстка, Веб-программирование ∙ 15 часов 26 минут назад ∙ 27 ставок |
Перенос дизайна на WordPress
2000 UAH
Добрый день! Необходимо перенести готовый дизайн одностраничного лендинга на WordPress. Макет полностью готов (Figma), дизайн разрабатывать не нужно. Необходимо качественно сверстать страницу, адаптировать под мобильные устройства и настроить её на WordPress. Пожалуйста, в… HTML и CSS верстка ∙ 21 час 12 минут назад ∙ 97 ставок |
Вывести посты из Инстаграма на сайт (опенкарт)
700 UAH
Здравствуйте. Нужно настроить функционал, чтобы на сайте (OpenCart) отображался блок с постами Instagram. Отзовитесь, кто делал и знает как ) Спасибо ) По стоимости договоримся, не знаю, сколько это стоит. HTML и CSS верстка, Веб-программирование ∙ 1 день назад ∙ 46 ставок |
Лендинг для школы английского
13 500 UAH
Ищем дизайнера + верстальщика лендинга (Wix / WordPress / Weblium) Привет! Ищем исполнителя на дизайн и верстку лендинга курса английского языка. Что нужно: — дизайн и верстка лендинга на 12 блоков; — две страницы оплаты: успешная / неуспешная; — адаптив под мобильные; —… HTML и CSS верстка, Дизайн интерфейсов (UI/UX) ∙ 1 день 3 часа назад ∙ 127 ставок |
Киев