как сделать пункты меню под строкой поиска и что бы они всегда были открыты в ряд без "еще" фото во вложении
Аккаунт SL-534981
заранее спасибо!
0
Редакция Меню В Шапке
Автор Art, 17 нояб. 2021 02:41
Сообщений в теме: 5
#1
Отправлено 17 Ноябрь 2021 - 02:41
#2
Отправлено 17 Ноябрь 2021 - 07:47
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите и удалите:
Далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите и удалите:
mainnavHeader();
Далее зайдите в main.css - найдите:
header .mainnav__list {max-height: 24px;overflow: hidden;}
замените на:
header .mainnav__list {max-height: 24px;} header .mainnav__list li {margin-bottom: 10px;}
#3
Отправлено 23 Ноябрь 2021 - 22:45
Vaccina (17 Ноябрь 2021 - 07:47) писал:
Здравствуйте.Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите и удалите:
mainnavHeader();Далее зайдите в main.css - найдите:
header .mainnav__list {max-height: 24px;overflow: hidden;}замените на:
header .mainnav__list {max-height: 24px;}header .mainnav__list li {margin-bottom: 10px;}
#5
Отправлено 24 Ноябрь 2021 - 12:28
Vaccina (24 Ноябрь 2021 - 08:34) писал:
Здравствуйте.
В этом случае мешает или строка поиска или слева кнопка для выпадающих категорий, если убрать поиск, то будет следующий вид:
Screenshot(6).png
Данный вариант вас устроит?
В этом случае мешает или строка поиска или слева кнопка для выпадающих категорий, если убрать поиск, то будет следующий вид:
Screenshot(6).png
Данный вариант вас устроит?
например посередине между контактами над этими позициями
#6
Отправлено 25 Ноябрь 2021 - 04:05
Здравствуйте.
В разделе Сайт - Редактор шаблонов - main.css - найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
В разделе Сайт - Редактор шаблонов - main.css - найдите:
/** Поиск **/ header .search {order: 6;margin-top: 1rem;width: 320px;position: relative;flex-grow: 1;}
замените на:
/** Поиск **/ header .search {order: 3;margin-top: 1rem;width: 250px;position: relative;flex-grow: 1;}
далее найдите:
/** Добавить в Избр, Срав, Корзину, ЛК **/ #addto {order: 3;width: 310px;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;position: relative;}
замените на:
/** Добавить в Избр, Срав, Корзину, ЛК **/ #addto {order: 4;width: 220px;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;position: relative;}
далее найдите:
/** Контакты **/ header .contacts {order: 2;flex-grow: 1;width: calc(100% - 250px - 310px);text-align: center;}
замените на:
/** Контакты **/ header .contacts {order: 2;flex-grow: 1;width: calc(100% - 250px - 310px - 250px);text-align: center;}
далее найдите:
/** Меню **/ header .menu {order: 5;margin-top: 1rem;padding: 0 1rem;width: calc(100% - 200px - 320px);position: relative;} .menu ul {margin: 0;padding: 0;list-style: none;} .menu li {display: inline-block;} .menu li a {padding: 0 1rem;font-size: 18px;font-family: 'Source Serif Pro', sans-serif;}
замените на:
/** Меню **/ header .menu {order: 6;margin-top: 1rem;padding: 0 1rem;width: calc(100% - 200px);position: relative;} .menu ul {margin: 0;padding: 0;list-style: none;} .menu li {display: inline-block;} .menu li a {padding: 0 5px;font-size: 18px;font-family: 'Source Serif Pro', sans-serif;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных