Сообщений в теме: 6

[Aza102]

Проблема такая не влезает окошечко подкатегорий:
1. Как можно оставлять это окошечко при прокрутки вниз. Что бы все подкатегории были видны.
2. Как уменьшить разрыв между подкатегориями!

Прикрепленные изображения

• 

[RayLi]

Aza102 (10 Февраль 2016 - 11:31) писал:

Проблема такая не влезает окошечко подкатегорий:
1. Как можно оставлять это окошечко при прокрутки вниз. Что бы все подкатегории были видны.
2. Как уменьшить разрыв между подкатегориями!

Здравствуйте.
Если я вас правильно понял, то попробуйте, пожалуйста. сделать следующее:
В шаблоне main.css найдите данный код:

#custommenu ul.mainnav li a.title-lv2 {
	background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 11px;
	padding: 5px 5px 5px 20px;
	display: block;
	font-size: 13px;
}

И замените его вот этим вот кодом:

#custommenu ul.mainnav li a.title-lv2 {
	background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 11px;
	padding: 5px 5px 0px 20px;
	display: block;
	font-size: 13px;
}

[Aza102]

RayLi (10 Февраль 2016 - 12:14) писал:

Здравствуйте.
Если я вас правильно понял, то попробуйте, пожалуйста. сделать следующее:
В шаблоне main.css найдите данный код:

#custommenu ul.mainnav li a.title-lv2 {
background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 11px;
padding: 5px 5px 5px 20px;
display: block;
font-size: 13px;
}

И замените его вот этим вот кодом:

#custommenu ul.mainnav li a.title-lv2 {
background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 11px;
padding: 5px 5px 0px 20px;
display: block;
font-size: 13px;
}

Здравствуйте, не совсем правильно. Мне нужно что бы окошечко подкатегорий тоже прокручивалась при прокрутки вниз. Магазин SL-367669

[MikDark]

Aza102 (10 Февраль 2016 - 12:22) писал:

Здравствуйте, не совсем правильно. Мне нужно что бы окошечко подкатегорий тоже прокручивалась при прокрутки вниз. Магазин SL-367669

Можно сделать только следующим образом, в шаблоне main.css найдите код:

#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {
	display: block;
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

и замените на:

#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {
	overflow: scroll;
	height: 500px;
	display: block;
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

параметр  height: 500px; отвечает за высоту этого выпадающего подменю.

[Aza102]

MikDark (10 Февраль 2016 - 12:45) писал:

Можно сделать только следующим образом, в шаблоне main.css найдите код:

#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}

и замените на:

#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {
overflow: scroll;
height: 500px;
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}

параметр  height: 500px; отвечает за высоту этого выпадающего подменю.

Все супер спасибо!) А как можно поставить текст подкатегорий правее, посередине?

Прикрепленные изображения

• 

[MikDark]

Aza102 (10 Февраль 2016 - 13:00) писал:

Все супер спасибо!) А как можно поставить текст подкатегорий правее, посередине?

Советуем заменить в main.css

#custommenu ul.mainnav li.level1 {
	list-style: none;
	width: 25%;
	float: left;
}

на

#custommenu ul.mainnav li.level1 {
	list-style: none;
	width: 33%;
	float: left;
}

это немного расширит данный блок и он будет более равномерно смотреться

[Aza102]

MikDark (10 Февраль 2016 - 13:16) писал:

Советуем заменить в main.css

#custommenu ul.mainnav li.level1 {
list-style: none;
width: 25%;
float: left;
}

на

#custommenu ul.mainnav li.level1 {
list-style: none;
width: 33%;
float: left;
}

это немного расширит данный блок и он будет более равномерно смотреться

Спасибо большое!)