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


Редакция Меню В Шапке


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

#1 Art

Art

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

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

Отправлено 17 Ноябрь 2021 - 02:41

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


Аккаунт SL-534981

заранее спасибо!

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

  • Снимок.JPG


#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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


#3 Art

Art

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

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

Отправлено 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;}
получается что они в два ряда а цель сделать чтоб они были по все длине в 1 ряд. что нужно поправить подскажите пожалуйста? фото примера как хочется во вложении! заранее спасибо!

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

  • как.JPG


#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 24 Ноябрь 2021 - 08:34

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

В этом случае мешает или строка поиска или слева кнопка для выпадающих категорий, если убрать поиск, то будет следующий вид:
Screenshot(6).png

Данный вариант вас устроит?

#5 Art

Art

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

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

Отправлено 24 Ноябрь 2021 - 12:28

Просмотр сообщенияVaccina (24 Ноябрь 2021 - 08:34) писал:

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

В этом случае мешает или строка поиска или слева кнопка для выпадающих категорий, если убрать поиск, то будет следующий вид:
Прикрепленный файл Screenshot(6).png

Данный вариант вас устроит?
а сместить куда то его можно?
например посередине между контактами над этими позициями

#6 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 25 Ноябрь 2021 - 04:05

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

В разделе Сайт - Редактор шаблонов - 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;}

Screenshot.png




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

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