Автор Тема: Как увеличить header по высоте, поместить увеличенный лого в середину.  (Прочитано 447 раз)

09 Апреля 2015, 18:01:06
  • Пользователь
  • **
  • Сообщений: 50
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте. Подскажите, хочу увеличить логотип, при этом поместив его в середину хеадера. Соответственно высоту хеадера надо будет тоже увеличить. Как это сделать?
09 Апреля 2015, 21:35:34
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 20843
  • Репутация: +25277/-0
  • Prestashop - просто и эффективно
    • Просмотр профиля
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
10 Апреля 2015, 10:34:11
Ответ #2
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86054
  • Репутация: +25403/-0
  • Сообщество PrestaShop
    • Просмотр профиля
При увеличении высоты логотипа высота шапки так-же увеличится, ничего специально делать не нужно.
10 Апреля 2015, 20:29:07
Ответ #3
  • Пользователь
  • **
  • Сообщений: 50
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
prestashop 1.5.6.0 при увеличении размера файла логотипа, он залезает на горизонтальное меню и закрывает его. Не подскажите какие стили надо прописать?
10 Апреля 2015, 21:15:41
Ответ #4
  • Ветеран
  • *****
  • Сообщений: 20843
  • Репутация: +25277/-0
  • Prestashop - просто и эффективно
    • Просмотр профиля
Можно у блока header_logo мин. высоту добавить
min-height: высота лого
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
11 Апреля 2015, 07:04:39
Ответ #5
  • Пользователь
  • **
  • Сообщений: 50
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
прописал эту строчку -   min-height: 200px;  в global.css, все равно при увеличении размера файла логотипа, он начинает наезжать на горизонтальное меню.
11 Апреля 2015, 10:46:49
Ответ #6
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22126
  • Репутация: +17110/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
11 Апреля 2015, 10:51:42
Ответ #7
  • Пользователь
  • **
  • Сообщений: 50
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
11 Апреля 2015, 10:53:21
Ответ #8
  • Пользователь
  • **
  • Сообщений: 50
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
11 Апреля 2015, 11:00:59
Ответ #9
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 105578
  • Репутация: +39546/-0
    • Просмотр профиля
    • Webstudio UwK
У вас у блока с логом абсолютное позиционирование. Нужно удалить стили для
#header_logo {
    left: 0;
    position: absolute;
    top: 30px;
    z-index: 1;
}
тогда блок будет раздвигать header.
Cоздание интернет сайтов Webstudio UwK
11 Апреля 2015, 11:02:11
Ответ #10
  • Пользователь
  • **
  • Сообщений: 50
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
11 Апреля 2015, 11:05:37
Ответ #11
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 105578
  • Репутация: +39546/-0
    • Просмотр профиля
    • Webstudio UwK
Cоздание интернет сайтов Webstudio UwK
11 Апреля 2015, 11:10:20
Ответ #12
  • Пользователь
  • **
  • Сообщений: 50
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Блок раздвинулся, а как теперь лого на середину поместить?
11 Апреля 2015, 11:20:49
Ответ #13
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 105578
  • Репутация: +39546/-0
    • Просмотр профиля
    • Webstudio UwK
1. Изменить стуктуру в шапке сайта.
2. Изменить стили для всех блоков, которые входят в header.
Если не знаете как это делать, создайте тему в ветке работа и вам сделают.
Cоздание интернет сайтов Webstudio UwK
11 Апреля 2015, 11:44:47
Ответ #14
  • Пользователь
  • **
  • Сообщений: 50
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля