Здравствуйте! Очень прошу помочь:
Мне нужно чтобы при наведении на любой из пунктов меню, выпадающие списки были фиксированными, и начинались от левого края самого меню. Сейчас же они появляются строго под наведённым пунктом.
У меня не получается убрать этот отступ.
Прошу помочь.
1
Фиксированные Выпадашки У Меню
Автор apr1or1, 29 окт. 2015 14:36
Сообщений в теме: 2
#1
Отправлено 29 Октябрь 2015 - 14:36
#2
Отправлено 29 Октябрь 2015 - 14:43
apr1or1 (29 Октябрь 2015 - 14:36) писал:
Здравствуйте! Очень прошу помочь:
Мне нужно чтобы при наведении на любой из пунктов меню, выпадающие списки были фиксированными, и начинались от левого края самого меню. Сейчас же они появляются строго под наведённым пунктом.
У меня не получается убрать этот отступ.
Прошу помочь.
Мне нужно чтобы при наведении на любой из пунктов меню, выпадающие списки были фиксированными, и начинались от левого края самого меню. Сейчас же они появляются строго под наведённым пунктом.
У меня не получается убрать этот отступ.
Прошу помочь.
В main.css найдите код
.menuResp li { display: inline-block; /* display: inline; */ text-align: left; padding: 0 7px; vertical-align: top; position: relative; word-spacing: normal; /* zoom: 1; */ }и замените на
.menuResp li { display: inline-block; text-align: left; padding: 0 7px; vertical-align: top; word-spacing: normal; }Так же найдите
.menuResp ul { background: #fff; border: 1px solid #dbdbdb; display: none; padding: 15px 8px; position: absolute; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 1000; }и замените на
.menuResp ul { left:0px !important; background: #fff; border: 1px solid #dbdbdb; display: none; padding: 15px 8px; position: absolute; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 1000; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных