Фиксированная Ширина Каталога В Шапке
#1
Отправлено 02 Апрель 2019 - 01:06
Аккаунт SL-467787
Как сделать каталог в шапке такой ширины чтобы справа до края окна было определенное количество пикселей? Надо при любой ширине экрана чтобы оставалось фиксированное поле, и каталог заканчивался ровно там где заканчиваются контакты и кнопка "обратный звонок". Например, пусть это будет 20px.
И второй вопрос: никак не могу найти где я проглядел этот черный бордюр справа (обведено овалом). Как убрать его или перекрасить в фон каталога?
Спасибо!
#2
Отправлено 04 Апрель 2019 - 05:09
Зайдите в раздел Сайт - Редактор шаблонов - 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;}
#4
Отправлено 06 Апрель 2019 - 01:21
Зайдите в раздел Сайт - Редактор шаблонов - 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;}
#6
Отправлено 08 Апрель 2019 - 17:35
#7
Отправлено 09 Апрель 2019 - 08:58
Перепроверьте правильность изменений, таких ошибок у меня не возникает, возможно потерли скобку.
#8
Отправлено 09 Апрель 2019 - 22:47
Я ничего не понимаю... я всё сделал заново (я заранее бэкапил), всё перепроверил чтобы тёрлось от знака до знака и вставлялось ровно как у Вас... но по-прежнему та же проблема...
На время пока дожидаюсь Ваших ответов, я разумеется, возвращаю сайт к своему бэкапу (положение до всех изменений, упомянутых в этой ветке форума).
Помогите пожалуйста добить это и спасибо за терпение если в итоге выяснится что я где-то что-то всё же недоглядываю. Могу финансово компенсировать Ваши трудозатраты в помогании мне )) Для меня это очень важный момент с менюшкой чтоб всё ровно было.
#9
Отправлено 11 Апрель 2019 - 19:00
#10
Отправлено 13 Апрель 2019 - 08:52
После изменений создайте бэк ап, укажите дату и его время в сообщении и откатите изменения, чтобы в момент работы сотрудник проверил бэк ап с изменениями и на его основе дополнил инструкцию.
#11
Отправлено 16 Апрель 2019 - 19:29
Бэкап перед внесением изменений: 16/04/2019 19:22:47
Бэкап после всех изменений, указанных в этой ветке: 16/04/2019 19:29:28
сейчас откатил на состояние до внесения изменений (16/04/2019 19:22:47)
#12
Отправлено 21 Апрель 2019 - 18:32
#13
Отправлено 24 Апрель 2019 - 07:49
После изменений выше зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-middle .showAllcat {position: relative;}
замените на:
.header-middle .showAllcat {position: absolute;top: 50px;right: 20px;}
#15
Отправлено 25 Апрель 2019 - 08:42
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-middle .showAllcat {position: absolute;top: 50px;right: 20px;}
замените на:
.header-middle .showAllcat {position: absolute;top: 0;right: 20px;}
#16
Отправлено 25 Апрель 2019 - 20:33
И когда нажимаешь на плюсик чтобы увидеть невлезающие категории, то фон выпадающего меню занимает всю высоту слайдера сверху до низу.
Простите что так мозг выношу Вам, но у меня стойкое ощущение что шаблон изначально не очень корректно написан
Бэкап со всеми рекомендованными изменениями: 25.04.2019 20:34:04
#17
Отправлено 06 Май 2019 - 12:45
#18
Отправлено 07 Май 2019 - 08:36
Зайдите в раздел Сайт - Редактор шаблонов - 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;}
#20
Отправлено 15 Май 2019 - 06:40
Зайдите в раздел Сайт - Редактор шаблонов - 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;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных