Избавиться от смещения макета 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 dzień17 PLN
2593 427 9 1 1 dzień17 PLN
Легко решить проблему
=- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =-
-
1 dzień17 PLN
465 13 0 1 dzień17 PLN
Добрый вечер, готов сейчас поправить этот момент и распишу решение.
Пишите, буду рад сотрудничеству!
-
1 dzień25 PLN
2315 28 2 1 dzień25 PLN
Добрый день! Можна добавить прелоадер, который скроет момент загрузки и прижки.
-
1 dzień25 PLN
618 28 6 2 1 dzień25 PLN
Здравствуйте Роман. Никаких проблем в решении данной задачи не вижу. Наш разработчик готов за считанное время решить вашу проблему.
-
потому что оно .androidmenu.g-block и его скрывает скрипт, а скрывает когда сам загрузится.
-
Ну так а почему не срабатывает display none из head ?
-
.androidmenu.g-block - этот елемент там пропишите
-
С этим вроде разобрался. А вы можете вычислить все смещения макета с помощью devtools хрома и дать рекомендации к устранению? Я оплачу.
-
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Projektowanie i rozwój stron internetowychWitaj! Do bieżącego projektu szukam dwóch oddzielnych specjalistów: projektanta stron internetowych (Figma) programisty webowego (Frontend / WordPress) Projekt obejmuje zadania takie jak: landing page, sklep internetowy, panel administracyjny, strona na WordPressie, a także w… Układ HTML i CSS, Projektowanie stron internetowych ∙ 6 godzin 36 minut temu ∙ 67 ofert |
Należy stworzyć nowoczesną stronę internetową dla firmy zajmującej się sufitami napinanymi w Polsce.
2400 PLN
Potrzebny nowoczesny premium design, adaptacja na urządzenia mobilne, szybkie ładowanie, SEO, animacje, kalkulator, portfolio, formularz zgłoszeniowy. Preferowane doświadczenie w tworzeniu stron w Polsce, landingów dla firm budowlanych lub remontowych. Koniecznie prześlij… Układ HTML i CSS, Programowanie stron internetowych ∙ 7 godzin 36 minut temu ∙ 113 ofert |
Szukamy programisty Frontend do platformy edukacyjnejFrontend-developerhttps://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id=0-1&p=f&t=OJxQ9DF0zXBNnBJv-0Cześć!Szukamy frontend-developera do pracy nad nowoczesną platformą muzyczną Muse.Projekt ma już gotowy design w Figma, działający backend… Układ HTML i CSS, Programowanie stron internetowych ∙ 9 godzin 25 minut temu ∙ 77 ofert |
Potrzebny programista Drupal do poprawek na kilku stronach.Potrzebny programista Drupal do poprawek na kilku stronach. Strona się rozrosła i zapełniła cały hosting .. Układ HTML i CSS, Programowanie stron internetowych ∙ 13 godzin 49 minut temu ∙ 33 oferty |
Optymalizacja prędkości strony WordPress
429 PLN
Pełne szczegóły prześlemy w wiadomościach prywatnych Cel Maksymalne przyspieszenie ładowania strony, szczególnie na urządzeniach mobilnych. KPI (obowiązkowe) Po zakończeniu prac należy osiągnąć następujące wskaźniki. Mobile Performance 90+ LCP mniej niż 2.2 sek INP mniej niż… Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 4 godziny temu ∙ 61 ofert |
Kijów