Перейти к содержимому


Фиксированные Выпадашки У Меню


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 apr1or1

apr1or1

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений

Отправлено 29 Октябрь 2015 - 14:36

Здравствуйте! Очень прошу помочь:

Мне нужно чтобы при наведении на любой из пунктов меню, выпадающие списки были фиксированными, и начинались от левого края самого меню. Сейчас же они появляются строго под наведённым пунктом.

У меня не получается убрать этот отступ.

Прошу помочь.

#2 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 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;
}


#3 apr1or1

apr1or1

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 96 сообщений

Отправлено 29 Октябрь 2015 - 15:17

Просмотр сообщенияDanil (29 Октябрь 2015 - 14:43) писал:



большое спасибо! А я почему-то в forall.js полез копаться..




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных