Контакты в мобильной версии

Тема в разделе "OpenCart", создана пользователем _KostYAn_, 17 сен 2013.

  1. _KostYAn_

    _KostYAn_

    Регистрация:
    5 сен 2013
    Сообщения:
    41
    Симпатии:
    0
    Привет!
    У меня переделанный под себя шаблон elegium? в нем есть мобильная версия.
    Я перенес контакты из fotter в header, в обычной версии все нормально, а в мобильной они уезжают.
    Я подозреваю что править надо в stylesheet. Но не получается, подскажите кто знает
    Посмотреть мобильную версию можно здесь здесь мой сайт http://proekt-kuhni.ru/
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    Примерно так:
    HTML:
    @media screen and (max-width: 44em) {
        .column-contacts {
            width: 100%;
            position:relative;
            left:inherit;
            top:inherit;
        }
        .column-contacts ul li{
            display:block;
            text-align:center;
        }
        .column-contacts .mobile, .column-contacts .phone, .column-contacts .email{
            background-position:23% center;
        }
       
    }
     
    _KostYAn_ нравится это.
  3. _KostYAn_

    _KostYAn_

    Регистрация:
    5 сен 2013
    Сообщения:
    41
    Симпатии:
    0
    В мобильной версии на всех страницах "О НАС" и "КОНТАКТЫ" расположены как надо внизу.
    А на странице "3D" уезжают вверх, теряются в тексте.
    Как их вернуть на место?
     
  4. Altairk

    Altairk

    Регистрация:
    28 мар 2013
    Сообщения:
    7
    Симпатии:
    4
    В catalog/view/theme/elegium/stylesheet/mobile.css в 389 строке нужно в #footer-mobile добавить float:left;
     
    _KostYAn_ нравится это.
  5. _KostYAn_

    _KostYAn_

    Регистрация:
    5 сен 2013
    Сообщения:
    41
    Симпатии:
    0
    Altairk, спасибо.
    У счетчика та же ситуация, не подскажите решение?
     
  6. Altairk

    Altairk

    Регистрация:
    28 мар 2013
    Сообщения:
    7
    Симпатии:
    4
    Нужно найти где у вас вписан счётчик и добавить див, должно выглядеть следующим образом:
    HTML:
    <div style="float:left">
    <<COUNTER CODE>>
    </div>
     
    _KostYAn_ нравится это.