Поддержка Проблемы и решения Скосило главное меню в шапке.

  • С недавних пор, заметил, что меню стало немного выпадать вниз, примерно на 70 пикселей.
    Проблема решается, если оставить в меню только 3-4 элемента меню, в противном случае меню отображается криво. В css вроде бы всё хорошо, не могу понять в чём дело, ситуация немного раздражает, если честно.
    КСТАТИ ПРИМЕЧАТЕЛЬНО: если врубить AdBlock проблема исчезает, и меню отображается корректно, как и должно! Что это за магия? Как на это влияет AdBlock, мне не ясно 🙁

    Меню

    Меню2

    меню 3

    меню 4

    Операционная система Linux
    Сервер Apache/2.2.22 (Ubuntu)
    Использование памяти 82.9Мбайт
    Версия MYSQL 5.5.54-0ubuntu0.12.04.1-log
    Режим SQL Не установлено
    PHP версия 5.3.10-1ubuntu3.26
    PHP Allow URL fopen Вкл.
    PHP лимит памяти 256M
    PHP макс. размер загрузки 2M
    PHP макс. размер статьи 8M
    PHP макс. время выполнения скрипта 30
    Поддержка PHP Exif Да ( V1.4 )
    Поддержка PHP IPTC Да
    Поддержка PHP XML Да
    URL сайта http://fenmit.zabgu.ru
    URL домашней страницы http://fenmit.zabgu.ru
    Версия WordPress 4.7.3
    Версия БД WordPress 38590
    Мультисайт Нет
    Активная тема Fenmit 1.0.0
    Active Plugins
    All In One SEO Pack 2.3.12.1
    Captcha by BestWebSoft 4.2.9
    Form Maker 1.10.8
    Wordfence Security 6.3.4

    Плагины вырубал, проблему это не решает

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Меню ваше сверстано списком, пункты имеют свойство float: left, что делает весь список инлайновым и этот список вываливается из родительского блока. Родительский блок имеет достаточную ширину, чтобы в него вписывалось меню целиком, а вот вывалившись из него, меню не помещается по ширине и уползает вниз.

    У всех объектов li указано свойство float: left. Укажите родителю ul свойство float: none и будет вам счастье.

    • Ответ изменён 8 мес., 1 неделя назад пользователем  Quazimorda.

    Впрочем, нет. счастье будет, но недолгим. У вас есть ещё блок с классом «header-ad». Он-то и отъедает у меню ширину, из-за которой оно и уползает.

    @quazimorda, да проблему это и правда не решает
    И вообще интересно как то получается) Раньше такой проблемы не было, да и каким образом адблок влияет на этот блок с классом «хеад-ад»
    Проблема вроде решается, если у этого дива отобрать (стереть) класс «header-ad»
    Может быть так и сделать?

    Ну раз у вас есть блок с классом «header-ad» — как раз блок с рекламой — отчего он и отрубается через AdBlock,то это явно не зря. То есть в блоке этом можно размещать баннеры определенной ширины. Если подобной рекламы на сайте не планируется, то можно и убрать название класса у дива с рекламой. Тогда меню точно поместится.

    • Ответ изменён 8 мес., 1 неделя назад пользователем  Quazimorda.

    Отлично!
    Действительно, а я и не понял, что это рекламный блок)
    Проблема, думаю, решена, СПАСИБО, @quazimorda

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Скосило главное меню в шапке.» закрыта для новых ответов.