Задать вопрос
fil_and
@fil_and
Делаю сайт гимнастики
javascript

Как навести порядок в выпадающем меню мобильной версии?

Здравствуйте,
помогите пожалуйста навести порядок с выпадающим меню в мобильной версии.Сайт на WP, коды меню и слайдеров копировал и в десктопной версии всё хорошо, с мобильной не получается:
1. Почему возникает билеберда с мобильным меню на главной странице, а на других страницах нет, если стили одни и те же?
Вот :
5a3ecfbff48f4d13aeb911b3a66953cd.jpg
если на главной открыть меню, то оно развернётся на весь экран, и залезет на лого. "Услуги" начинаются с отступа. На обычной странице нет такого: высота задана 400 px, тут сделал ширину 80% для теста, можно прокрутить, "Услуги" без отступа, но футер налезает на меню. Повставлял overflow:scroll; в причастных классах, поменял z-index, но всё равно. как сделать на главной странице вариант как на обычной, но чтобы футер не налезал?

Вообще, как сделать покрасивее и поприятнее?
  • Вопрос задан
  • 539 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
owl-cat
@owl-cat 
@media only screen and (max-width: 659px)
    men ul {
        float: none;
        clear: both; // add
    }
    #tmenu men a {
        color: #fff;
        padding: 8px;
        border-radius: 0; //add
    }

    men {
        padding: 10px;
        display: inline-block;
    }
}

Для главной страницы где тег men через js (или как там у вас) нужно поставить inline-block а не inline и все.
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать программу под устройство с камерой, Python
23 апр. 2024, в 20:52
10000 руб./за проект
В wordpress подключить модуль по рассрочке (документацию дам)
23 апр. 2024, в 20:43
4500 руб./за проект
Поддержка сайта на Ларавель (laravel)
23 апр. 2024, в 20:36
1000 руб./в час
Ещё заказы