[Помогите] с адаптацией сайта на opencart

Тема в разделе "OpenCart", создана пользователем etens1212, 29 окт 2015.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    Привет всем:Smile:)
    у меня появилась проблема, сам не в силах решить ее

    у меня есть сайт
    на компьютере мобильная версия выглядит так

    [​IMG]


    на телефоне так

    [​IMG]

    на телефоне срабатывает стиль мобильной версии, кроме шапки
    как думаете, в чем заключается проблема

    Код:
    @media screen and max-width 980px {
    .box-product {
    text-align:center;
    }
    
    .box-product > div {
    margin-bottom:20px;
    }
    
    #container {
    width:95%;
    }
    
    #content {
    width:100%;
    float:none;
    margin:20px 0;
    }
    
    #column-right {
    width:100%;
    float:none;
    margin:0;
    }
    
    .slideshow,#search {
    display:none;
    }
    }
    
    @media screen and max-width 650px {
    #content {
    width:100%;
    float:none;
    margin:20px 0;
    }
    
    #column-right {
    width:100%;
    float:none;
    margin:0;
    }
    }
     
    Последнее редактирование: 29 окт 2015
  2. Marrie

    Marrie

    Регистрация:
    7 сен 2015
    Сообщения:
    50
    Симпатии:
    10
    @media screen and max-width 980px -------- у Вас случайно фаербаг не матерится от такой настройки?))
    @media screen and (max-width:980px) ------воть как пралЬно записать
     
  3. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    @media screen and (max-width:980px) я записал в сайте нормально
    на телефоне не хочет нормально работать
    шапка не адаптуется
     
  4. Marrie

    Marrie

    Регистрация:
    7 сен 2015
    Сообщения:
    50
    Симпатии:
    10
    покажи пациента. как проверял? я обычно делаю что то типа @media screen and (max-width:980px) {body{display:none}} и проверяю) Если скрылся сайт - проблема в коде, если нет - проблема в написании......а еще бывает делаю ctrl+a ctrl+x ctrl+s (если это отдельный файл для медиа - стилей)
     
  5. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    вот сайт
    --- Добавлено, 30 окт 2015 ---
    ставлю body{display:none} в @media screen and (max-width:980px) сайт продает
    @media screen and (max-width: 650px) { не пропадает

    на телефоне
     
  6. Marrie

    Marrie

    Регистрация:
    7 сен 2015
    Сообщения:
    50
    Симпатии:
    10
    а хтмле в шапке как прописан вивью?
     
  7. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    Код:
    <link href="catalog/view/theme/default/stylesheet/media-queries.css" rel="stylesheet" type="text/css">
     
  8. Marrie

    Marrie

    Регистрация:
    7 сен 2015
    Сообщения:
    50
    Симпатии:
    10
    не понял .В шапочке есть
    <meta name="viewport" content="width=device-width, initial-scale=1"> ?