Позиция пунктов меню - Joomla 3.x: Общие вопросы

Ситуация такая - к существующим пунктам меню добавляю пункт лк и первая полоса пунктов меню уходит вниз. Как можно исправить ? Пытался через настройку пунктов меню но не смог. Где можно "поиграть" с положением ?

До


После

ссылку бы

ссылку бы

на сам сайт ?

ну конечно
по фото не умеем

 

ну конечно
по фото не умеем

проблема в том, что правки вношу на лок сервере. А так acikt.ru, там картинка до

Вот вариант:
Как сделать на CSS резиновое адаптивное меню
Или вариант:
Уменьшить падинги между пунктами меню и размер шрифта

А почему гамбургер видно ? Может он и мешает .

А почему гамбургер видно ? Может он и мешает .

Там маргины играют

А почему гамбургер видно ? Может он и мешает .

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

Уменьшить падинги между пунктами меню и размер шрифта

Как реализовать данный вариант? Была такая мысль, но не нашел пункта управления данными характеристиками.

Как-то так в зависимости от ширины экрана

Как-то так в зависимости от ширины экрана

Код

@media screen and (max-width: 1200px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 10; font-size: 12px;}
}

прошу прощения за глупый вопрос, но где можно отредактировать данный код ? И как его открыть?

в стилях

Оказалось, что в качестве шаблона используется shaper helixultimate. Ищу в его PHP коде, но пока безрезультатно

Оказалось, что в качестве шаблона используется shaper helixultimate. Ищу в его PHP коде, но пока безрезультатно

зачем вам php код?
вам нужны CSS файлы

зачем вам php код?
вам нужны CSS файлы

я так понимаю, это


а код вроде этот ?
#sp-top-bar {
  padding: 5px 0;
  font-size: 0.875rem;

а код вроде этот ?
#sp-top-bar {
  padding: 5px 0;
  font-size: 0.875rem;

вам же выше написали код
при чем тут топ бар?

вам же выше написали код
при чем тут топ бар?

похоже, что я неправильно понял. Я искал этот код в CSS, а его надо просто вставить в файл template.css ?

да

не работает почему-то. Прошу прощения, если тупллю, только начал работать с этим

Этот же код с добавлением !important;  --- Нужно вставить в самый низ файла  template.css
@media screen and (max-width: 1200px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 10px !important; font-size: 12px !important;}
}

Тип того, только учтите отступ уменьшится только при 1200px ширины. Там по смыслу понятно что менять, если присмотреться. Можно конечно его flex сделать в принципе.

Не работает. Пытался менять значения но ничего не происходит

Тут еще нужно:
1. Почистить кэш браузера  -- клавиши  ctrl+f5
2. В админке  -- Техническое обслуживание: Очистить кэш (сайта)

это же хеликс
отключите компиляцию

это же хеликс
отключите компиляцию

а как это сделать?)

слово знакомое но в java и Си по-другому )))

Смотрите в настройках
Шаблоны: Стили (Site) - ваш шаблон

Смотрите в настройках
Шаблоны: Стили (Site) - ваш шаблон

это-то я знаю, но где там отключить компиляцию ? 

Advanced
Функции сжатия кода, компиляции LESS в CSS и экспорта / импорта настроек