1. Приветствуем Вас на нашем закрытом форуме для складчиков сайта cmsheaven.org. Если Вы частный вебмастер, фрилансер, владелец малого или среднего бизнеса, представитель студии по разработке сайтов - будем рады видеть Вас в наших рядах экономных людей.
    Регистрация на форуме возможна только после вступления в складчину

JM Apartments v1.0 EF4 - растягиваются изображения на некоторых мобильных устройствах

Тема в разделе "Вопросы по шаблонам для Joomla [тех. поддержка]", создана пользователем MasterBlaster, 14 сен 2015.

  1. MasterBlaster

    MasterBlaster Cкладчик

    Регистрация:
    7 июл 2015
    Сообщения:
    15
    Симпатии:
    1
    Версия Joomla: 3.4.3 Stable
    Название и версия шаблона: JM Apartments v1.0 EF4
    Квикстарт (да/нет): да

    Добрый день.
    Заметил такой глюк в работе шаблона.
    На некоторых смартфонах происходит растягивание изображений в определенных местах.
    Ссылка на установленный квикстарт http://aakurttz.bget.ru/ (могу предоставить логин и пароль от административки)
    В моем случае на вот этом блоке
    [​IMG]
    на телефоне выглядит так
    [​IMG]
    скриншот сделан на филипс ксениум (браузер хром), что похожее было на 4м айфоне (safari)
    вот что прописано в этом модуле:

    <div class="jm-boxes col3">
    <div class="box">
    <figure class="effect-apollo"><a href="index.php?option=com_djmediatools&amp;view=category&amp;id=5&amp;Itemid=843"><img src="images/modules/boxes/1.jpg" alt="" /></a><figcaption>
    <h2><span>Rooms &amp; Suites</span></h2>
    <p>Lorem ipsum dolor sit amet consectetur.</p>
    </figcaption></figure>
    </div>
    <div class="box">
    <figure class="effect-apollo"><a href="index.php?option=com_djmediatools&amp;view=category&amp;id=5&amp;Itemid=843"><img src="images/modules/boxes/2.jpg" alt="" /></a><figcaption>
    <h2><span>Restaurant</span></h2>
    <p>Lorem ipsum dolor sit amet consectetur.</p>
    </figcaption></figure>
    </div>
    <div class="box">
    <figure class="effect-apollo"><a href="index.php?option=com_djmediatools&amp;view=category&amp;id=5&amp;Itemid=843"><img src="images/modules/boxes/3.jpg" alt="" /></a><figcaption>
    <h2><span>Relax</span></h2>
    <p>Lorem ipsum dolor sit amet consectetur.</p>
    </figcaption></figure>
    </div>
    </div>

    От чего стоит оттолкнуться, чтобы решить проблему?
    #1
  2. Дэн

    Дэн Матерый складчик

    Регистрация:
    25 июн 2015
    Сообщения:
    270
    Симпатии:
    63
    Это надо поиграться в стилях шаблона. В css файле шаблона. С параметром height.
    #2
  3. MasterBlaster

    MasterBlaster Cкладчик

    Регистрация:
    7 июл 2015
    Сообщения:
    15
    Симпатии:
    1
    на auto или 100% ставить?
    #3
  4. Дэн

    Дэн Матерый складчик

    Регистрация:
    25 июн 2015
    Сообщения:
    270
    Симпатии:
    63
    Попробуйте на auto. Если вообще не будет получаться, то напишите мне логин и пароль в Админку я гляну в стилях. Может помогу)
    #4
  5. MasterBlaster

    MasterBlaster Cкладчик

    Регистрация:
    7 июл 2015
    Сообщения:
    15
    Симпатии:
    1
    admin/admin
    template.22.css - шаблон по умолчанию
    Последнее редактирование: 14 сен 2015
    #5
  6. Дэн

    Дэн Матерый складчик

    Регистрация:
    25 июн 2015
    Сообщения:
    270
    Симпатии:
    63
    Вроде сделал) Пробуйте!

    В строке 833 (файла template.22.css) надо убрать строку: min-height: 100%;

    .jm-boxes figure img {
    display: block;
    max-width: 100%;
    min-height: 100%; - УБРАТЬ СТРОКУ!
    position: relative;
    }

    Я убрал ее.
    #6
    Modi34 и MasterBlaster нравится это.