without

Как растянуть меню во всю ширину в default шаблоне ocstore 2.3

Рекомендуемые сообщения

without    0

Подскажи пожалуйста, как растянуть меню во всю ширину в default шаблоне ocstore 2.3? 

Как к примеру в шаблоне Next Default

menu.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Yurta    75

меню вынести за пределы div class="container" в header.tpl

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
without    0

Yurta, у меня сайт с фоновым изображением, то есть в box версии.. сделал так как вы описали меню вылезло на фон, можно сделать чтобы оно осталось в боксе?

 

Пысы: может создать подкласс контейнера и туда отступы вписать нулевые?

Изменено пользователем without

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    783
43 минуты назад, without сказал:

Подскажи пожалуйста, как растянуть меню во всю ширину в default шаблоне ocstore 2.3? 

Как к примеру в шаблоне Next Default

menu.png

ни чего и ни кого ни куда выносить не нужно
тут

6mMQPQv5RmG6kTBVRpJgOQ.png

вместо
container
впишите
container-fluid
а отступы стилями поправите
 

header + .container-fluid {
    padding: 0;
}

вообще можно и одними стилями тож обойтись

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
jaffagold    165

А , если не менять классы, а только стилями? вот так:

Скрытый текст

header + .container {

width: 100% !important;

padding: 0;

}

Возможно еще:

#menu {

padding-left: 5%;

padding-right: 5%;

}

Можно медиазапросами чуток поиграться с паддингом.

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу