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

[Dasik851]

Здравствуйте!

Аккаунт SL-467787

Как сделать каталог в шапке такой ширины чтобы справа до края окна было определенное количество пикселей? Надо при любой ширине экрана чтобы оставалось фиксированное поле, и каталог заканчивался ровно там где заканчиваются контакты и кнопка "обратный звонок". Например, пусть это будет 20px.

И второй вопрос: никак не могу найти где я проглядел этот черный бордюр справа (обведено овалом). Как убрать его или перекрасить в фон каталога?

Спасибо!

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

• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:

$('.header-middle #custommenu .mainnav').css({'width': different, 'border-right': '1px solid #000' });

замените на:

$('.header-middle #custommenu .mainnav').css({'width': different});

далее зайдите в main.css - найдите и удалите:

.header-middle .content {display: table-row;}

далее найдите:

.header-middle .content > div {display: table-cell;vertical-align: top;}

замените на:

.header-middle .content > div {display: inline-block;vertical-align: top;float: left;}

далее найдите:

#custommenu {position: static;z-index: 1;}
#custommenu ul {margin: 0;padding: 0;list-style: none;list-style-position: inside;}

замените на:

#custommenu {position: static;z-index: 1;width: calc(100% - 195px);float: right;}
#custommenu ul {margin: 0;padding: 0;list-style: none;list-style-position: inside;width: 100% !important;}

[Dasik851]

Спасибо!
Это получилось, но теперь разворачивающееся меню выходит за пределы справа. И изменения width для "#custommenu .mainnav li .dropdown-menu" не помогают.

Как добить его ? )

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

• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#custommenu .mainnav li .dropdown-menu {display: none;position: absolute;width:98%;left: 215px;padding: 15px;z-index: 999;background: var(--background-katalog-head-hover);border: 1px solid var(--background-katalog-head-hover-border);border-bottom: 3px solid var(--osnovnoy-cvet-saita);margin-top: -4px;}

замените на:

#custommenu .mainnav li .dropdown-menu {display: none;position: absolute;width:calc(100% - 235px) !important;left: 215px;padding: 15px;z-index: 999;background: var(--background-katalog-head-hover);border: 1px solid var(--background-katalog-head-hover-border);border-bottom: 3px solid var(--osnovnoy-cvet-saita);margin-top: -4px;}

[Dasik851]

теперь "обесфонивается" и переносится кнопка раскрытия дополнительных категорий и сдвигает слайды

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

• 

[Dasik851]

Ап...

[Vaccina]

Здравствуйте.

Перепроверьте правильность изменений, таких ошибок у меня не возникает, возможно потерли скобку.

[Dasik851]

Здравствуйте!

Я ничего не понимаю... я всё сделал заново (я заранее бэкапил), всё перепроверил чтобы тёрлось от знака до знака и вставлялось ровно как у Вас... но по-прежнему та же проблема...
На время пока дожидаюсь Ваших ответов, я разумеется, возвращаю сайт к своему бэкапу (положение до всех изменений, упомянутых в этой ветке форума).

Помогите пожалуйста добить это и спасибо за терпение если в итоге выяснится что я где-то что-то всё же недоглядываю. Могу финансово компенсировать Ваши трудозатраты в помогании мне )) Для меня это очень важный момент с менюшкой чтоб всё ровно было.

[Dasik851]

АП ))) Плиииз!

[Vaccina]

Здравствуйте.

После изменений создайте бэк ап, укажите дату и его время в сообщении и откатите изменения, чтобы в момент работы сотрудник проверил бэк ап с изменениями и на его основе дополнил инструкцию.

[Dasik851]

Сначала обрадовался, потом добавил в каталог три новых категорий (прямо в корень), сузил окно... и на тебе (скрин прикрепил)!

Бэкап перед внесением изменений: 16/04/2019 19:22:47
Бэкап после всех изменений, указанных в этой ветке: 16/04/2019 19:29:28

сейчас откатил на состояние до внесения изменений (16/04/2019 19:22:47)

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

• 

[Dasik851]

Ап )

[Vaccina]

Здравствуйте.

После изменений выше зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.header-middle .showAllcat {position: relative;}

замените на:

.header-middle .showAllcat {position: absolute;top: 50px;right: 20px;}

[Dasik851]

Добавил в корень две новые категории и изменил ширину окна. Плюсик этот пресловутый никак на место не хочет встать.
Бэкап 24.04.2019 22:56:38

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

• 
• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.header-middle .showAllcat {position: absolute;top: 50px;right: 20px;}

замените на:

.header-middle .showAllcat {position: absolute;top: 0;right: 20px;}

[Dasik851]

И теперь как-то ещё надо сделать чтобы название последней видимой категории не скрывалось за плюсиком.
И когда нажимаешь на плюсик чтобы увидеть невлезающие категории, то фон выпадающего меню занимает всю высоту слайдера сверху до низу.
Простите что так мозг выношу Вам, но у меня стойкое ощущение что шаблон изначально не очень корректно написан

Бэкап со всеми рекомендованными изменениями: 25.04.2019 20:34:04

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

• 
• 

[Dasik851]

Ап

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 50px;border: 1px solid var(--background-katalog-head-border); border-right: 0;background-color: var(--background-katalog-head);}

замените на:

#custommenu .mainnav {padding-right: 50px;display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 50px;border: 1px solid var(--background-katalog-head-border); border-right: 0;background-color: var(--background-katalog-head);}

далее найдите:

.header-middle {display: block;position: relative;height: 50px;text-align: left;z-index: 9;}

замените на:

.header-middle {display: block;position: relative;text-align: left;z-index: 9;}

[Dasik851]

теперь вот так делается если развернуть меню (бэкап со всеми рекомендованными изменениями  14.05.2019 19:37:21):

откатил сейчас назад до всех изменений, рекомендованных в этой ветке

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

• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#custommenu {position: static;z-index: 1;}

замените на:

#custommenu {position: relative;z-index: 1;width: calc(100% - 195px);overflow: visible;float: none;height: 100px;}

далее найдите:

#custommenu.active .mainnav {max-height: 100%;background: var(--background-katalog-head);}

замените на:

#custommenu.active .mainnav {max-height: 100%;background: var(--background-katalog-head);position: absolute;left: 0;top: 0;height: 100px;}