Избавиться от смещения макета 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 day4 USD
2593 427 9 1 1 day4 USD
Легко решить проблему
=- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =- =-
-
1 day4 USD
465 13 0 1 day4 USD
Добрый вечер, готов сейчас поправить этот момент и распишу решение.
Пишите, буду рад сотрудничеству!
-
1 day7 USD
2315 28 2 1 day7 USD
Добрый день! Можна добавить прелоадер, который скроет момент загрузки и прижки.
-
1 day7 USD
618 28 6 2 1 day7 USD
Здравствуйте Роман. Никаких проблем в решении данной задачи не вижу. Наш разработчик готов за считанное время решить вашу проблему.
-
потому что оно .androidmenu.g-block и его скрывает скрипт, а скрывает когда сам загрузится.
-
Ну так а почему не срабатывает display none из head ?
-
.androidmenu.g-block - этот елемент там пропишите
-
С этим вроде разобрался. А вы можете вычислить все смещения макета с помощью devtools хрома и дать рекомендации к устранению? Я оплачу.
-
Current freelance projects in the category HTML & CSS
Connect the form on the landing page to keycrmIt is necessary to connect the application form on the landing page to keycrm. I will provide all necessary access. Please write how much time and cost this task will take. HTML & CSS, Python ∙ 5 minutes back ∙ 5 proposals |
Correction of indexing and basic SEO optimization of the website (WordPress + Elementor + WooCommerce)
78 USD
There is a website on WordPress (Elementor + WooCommerce). Currently, there are issues with SEO and page indexing. The developer reports that due to Elementor, performance metrics are limited, but the main task now is correct indexing and SEO settings. What needs to be checked… HTML & CSS, Search Engine Optimization (SEO) ∙ 15 hours 59 minutes back ∙ 48 proposals |
Need a frontend developer / layout designer for a one-time improvement of a website on Magento 2.
285 USD
Website for evaluation: https://copy.eurobrands-shop.de/ Task: fix frontend bugs at the Magento 2 / Amasty theme level: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Work format: - without local Magento deployment; - work through DevTools + theme… HTML & CSS, Javascript and Typescript ∙ 18 hours 34 minutes back ∙ 34 proposals |
Improvement of site CR conversion
145 USD
Improvement of the website's CR conversion. Tasks according to the specifications https://docs.google.com/document/d/1Y7zipbe2IEnFpthYuheAr6QA_50aR2Fz8V14rp5NpNo/edit?usp=sharingBOOK NOW buttonphoto / videoshort textAND IMMEDIATELY the booking formfixed (sticky)to repeat every… HTML & CSS, Web Programming ∙ 23 hours 16 minutes back ∙ 38 proposals |
Development of an iOS application for online chess similar to (possibly through Vibe Coding)
446 USD
It is necessary to develop an MVP mobile application only for iOS. The concept can be based on Chess.com, but without copying the design or code. It is preferable to maximize the use of Vibe Coding/AI to speed up development and reduce costs, but the code must be clean,… HTML & CSS ∙ 1 day 12 hours back ∙ 32 proposals |
Kyiv