Отображение меню

InstantCMS 2.X

меню съезжает в лево

#1 6 декабря 2023 в 10:06

Меню съезжает влево, как выровнять содержимое меню по левому краю блоков контента, если ставлю блок меню размером по ширине контента то фон поднимается на уровень меню что не очень хотелось бы

Изображение

Изображение

#2 6 декабря 2023 в 10:35

Просто так вряд ли что то куда то съедет. А по вашим картинкам именно так и происходит. Без живого примера сложно что ответить.

#3 6 декабря 2023 в 15:17

Меню съезжает влево, как выровнять содержимое меню по левому краю блоков контента, если ставлю блок меню размером по ширине контента то фон поднимается на уровень меню что не очень хотелось бы

sferoid

Не очень понял про фон… Но про меню, если надо, на вашем скрине, поставить «Главное меню» в ряд «меню», попробуйте у ряда «меню» такие настройки:

Изображение

#4 6 декабря 2023 в 21:32

Меню съезжает влево, как выровнять содержимое меню по левому краю блоков контента, если ставлю блок меню размером по ширине контента то фон поднимается на уровень меню что не очень хотелось бы

sferoid

Не очень понял про фон… Но про меню, если надо, на вашем скрине, поставить «Главное меню» в ряд «меню», попробуйте у ряда «меню» такие настройки:

Изображение

RSN

Изображение

Вот эту область слева и справа (выделил зеленой рамкой) хочу такого же цвета что и в шапке, как это можно сделать, в какую сторону капать???? (попробовал ваш пример, получилось как второе меню если считатьсверху )

#5 7 декабря 2023 в 08:33

хочу такого же цвета что и в шапке

sferoid

Попробуйте добавить к этому ряду «меню» класс родительского тега icms-header__middle, так:

Изображение

Добавлено спустя 1 минуту

… или придется, в файл css дописать правило для этого ряда...

#6 7 декабря 2023 в 10:33

Изображение

Спасибо с фоном получилось

Буквы в меню на всех уровнях стали с заглавной маленькими, либо большие либо если прописать «text-uppercase», а вот как сделать, что бы меню первого уровня было заглавными буквами «ФОТО», а меню второго уровня было строчными с заглавной буквы- «Фото сушка»

на скрине добавлено — «text-uppercase», если без него то и первый уровень меню будет строчными буквами 

Изображение

#7 7 декабря 2023 в 10:54

Если смотреть по демо, должно всё остаться как там...

Попробуйте прописать в файл стилей:

  1. .icms-navbar .nav-link {
  2. text-transform: uppercase !important;
  3. }

Если не поможет, угадать будет сложно)

Добавлено спустя 4 минуты

ЗЫ: редактор не дает (вырезает) написать правило, то что я написал выше, как должно быть...

Изображение

#8 7 декабря 2023 в 17:54

В файле стилей добавьте строку.

#desktop_device_type .icms-menu-hovered .dropdown:hover > .dropdown-menu, #desktop_device_type .icms-user-menu:not(.show):hover > .dropdown-menu {
  display: block;
  -webkit-animation: slide-up .3s ease-in-out;
  animation: slide-up .3s ease-in-out;
  margin: 0;
  text-transform: capitalize;
}

При желании поиграйте с регистром.

Изображение

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.