Автор Тема: Главное горизонтальное меню на всю ширину экрана  (Прочитано 631 раз)

12 Ноября 2015, 05:33:29
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте,
подскажите, как сделать фон Главного горизонтального меню на всю ширину экрана, как на фото.
Спасибо.
12 Ноября 2015, 10:55:25
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 86054
  • Репутация: +25403/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Фон Главного горизонтального меню в стандарной теме и так во всю ширину.
Если у вас своя тема, то установите widht:100% для блока меню.
12 Ноября 2015, 11:14:14
Ответ #2
  • Фрилансер
  • *
  • Сообщений: 113
  • Репутация: +3/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Можно изменить ширину на резиновую, тогда блок модуля гор. меню сам растянется по всей ширине
Дефолтная тема сделана так, что ширина сайта ограничена в зависимости от разрешения браузера
.container {
    max-width: 1170px;
}
.container {
    max-width: 970px;
}
.container {
    max-width: 750px;
}
Измените класс на .container-fluid
http://bootstrap-3.ru/css.php#grid

Можно изменить модуль blocktopmenu, поменять хук вывода, создать свой хук и поместить его в шаблон header.tpl после
{hook h="displayBanner"} изменить стили модуля blocktopmenu.
12 Ноября 2015, 12:07:38
Ответ #3
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Фон Главного горизонтального меню в стандарной теме и так во всю ширину.
Если у вас своя тема, то установите widht:100% для блока меню.
Стандартная тема, widht:100%, но гор.меню там не на ширину экрана.

Можно изменить ширину на резиновую, тогда блок модуля гор. меню сам растянется по всей ширине
Дефолтная тема сделана так, что ширина сайта ограничена в зависимости от разрешения браузера
.container {
    max-width: 1170px;
}
.container {
    max-width: 970px;
}
.container {
    max-width: 750px;
}
Измените класс на .container-fluid
http://bootstrap-3.ru/css.php#grid

Можно изменить модуль blocktopmenu, поменять хук вывода, создать свой хук и поместить его в шаблон header.tpl после
{hook h="displayBanner"} изменить стили модуля blocktopmenu.
Про хуки и бутстрап знаю чуть меньше, чем ничего ) Буду разбираться.

Спасибо.