Основной курс по Joomla

Корректное отображение шапки сайта

0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 382 Просмотров
*

IrochkaStep

  • Осваиваюсь на форуме
  • ***
  • 186
  • 5
  • Настроение супер! Чего и всем желаю!
Здравствуйте, уважаемые гуру. Сайт http://market-puf.ru/, в шапке изначально было три позиции, после добавления новых блоков, на мобильных устройствах большая часть инфы становится невидна.  Подскажите где и как исправить код, чтобы, хотя бы отображалась фраза Магазин в Твери и контактная инфа. Спасибо.)

*

IrochkaStep

  • Осваиваюсь на форуме
  • ***
  • 186
  • 5
  • Настроение супер! Чего и всем желаю!
Сделайте хотя бы наводку, найду сама, пожалуйста

*

effrit

  • Группа развития
  • *****
  • 7443
  • 815
  • effrit.com
советую вам обратиться в коммерческий раздел.
сами вы вряд ли найдете, да и со стороны вам помочь тяжело - верстка сложная и просто так с файербагом ничего толкового сделать не получается.
по крайней мере, я честно пытался победить ваши блоки, но результат был весьма печальный и корявый ).
тем более, что, по хорошему, кнопка с корзиной тоже не должна прятаться.

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

IrochkaStep

  • Осваиваюсь на форуме
  • ***
  • 186
  • 5
  • Настроение супер! Чего и всем желаю!
Вот думаю, надо как-то увеличивать высоту хидера при маленьком разрешении, с будстрапом еще не подружилась(((. Понимаю в каком файле стилей искать, а какой стиль за это отвечает, не найду никак.

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
вот эти стили этвечают за разное разрешение экрана
Спойлер
[свернуть]
Почитайте про @media
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

Robinson

  • Завсегдатай
  • *****
  • 439
  • 71
Вот думаю, надо как-то увеличивать высоту хидера при маленьком разрешении, с будстрапом еще не подружилась(((. Понимаю в каком файле стилей искать, а какой стиль за это отвечает, не найду никак.
templates/ksenmartcolorful/css/template.css

строка 3851


header.masthead .header {
    position: relative;
    overflow: hidden;
    height: 220px;
}

Увеличение высоты, например, до 420px частично проблему решает.

*

IrochkaStep

  • Осваиваюсь на форуме
  • ***
  • 186
  • 5
  • Настроение супер! Чего и всем желаю!
В шаблоне сайта не было строки    <meta name="viewport" content="width=device-width, initial-scale=1">, после добавления стало поприличнее отображаться. Строку 3851 исправила, осталось выровнять адрес по центру, чтоб не убегал. Спасибо за помощь, очень помогло)