Глупый вопрос. Работы с экраном

[malor1k]

Подскажите, как сделать чтоб и с телефона, и с планшета, и с компа, открывалась основная версия сайта? в связи с тем что прогеры , сделали не моб версию, а херню, временно надо чтоб открывалась полная версия сайта. 
kraus.com.ua

[ArtemPitov]

20 минут назад, buslikdrev сказал:

Сложный вопрос.:
Сделайте бэкап файла стилей .css

 

И закомментируйте стили такой код:

@media (min-width: 1200px) {                                        - закомментировать
для компов                                                                     - код оставить и тот который не заключается в подобные скобки.
}                                                                                        - закомментировать
@media (min-width: 992px) and (max-width: 1199px) {  - закомментировать
для нэтбуков                                                                   - закомментировать
}                                                                                        - закомментировать
@media (min-width: 768px) and (max-width: 991px) {   - закомментировать
для планшет                                                                   - закомментировать
}                                                                                      - закомментировать 

@media (min-width: 768px) {                                          - закомментировать
код для мобил                                                                - закомментировать
}                                                                                       - закомментировать 

 

Лучше доделайте стили, чем лишнюю работу делать.

И ломаем всю сетку. Учите мат часть http://getbootstrap.com/css/#grid

[malor1k]

Кто то может это сделать, за небольшое вознагрождение? 

style.css

[Tom]

catalog/view/theme/default/template/common/header.tpl

удалите 

<meta name="viewport" content="width=device-width, initial-scale=1">

 

[malor1k]

Удалил, супер. Все как я и хотел. 
НО: 2 косяка.
Шапка не изменилась, и 2 блока пропало.   ниче не пропало. Просто чуть по индейски смотрится. 

Змінено 9 липня 2017 користувачем malor1k

[malor1k]

Подскажите, как лучше в моем случае поступить? или нанять кодера который сделай нормальную версию мобильную, или купить шаблон для мобильных , и делать редирект с моб на m версию сайта? 

[malor1k]

Тыс за 5 уе

[jaffagold]

Как по мне, вполне норм мобильная версия. Может, стоит подправить отображение фильтра на экранах менее 1000

Скрытый текст

@media screen and (max-width: 1000px){

#catalog .page-container .catalog-filter {

  width: 100%;

}

}

 

Змінено 9 липня 2017 користувачем jaffagold

[Tom]

1 час назад, malor1k сказал:

Подскажите, как лучше в моем случае поступить? или нанять кодера который сделай нормальную версию мобильную, или купить шаблон для мобильных , и делать редирект с моб на m версию сайта? 

" или купить шаблон "  с нормальной мобильной версией,без необходимости разделять эту функцию отдельно для десктопа и отдельно мобильная.

[malor1k]

9 минут назад, Tom сказал:

" или купить шаблон "  с нормальной мобильной версией,без необходимости разделять эту функцию отдельно для десктопа и отдельно мобильная.

Чуть не понял. Есть пример такого шаблона?

[malor1k]

47 минут назад, jaffagold сказал:

Как по мне, вполне норм мобильная версия. Может, стоит подправить отображение фильтра на экранах менее 1000

  Скрыть контент

@media screen and (max-width: 1000px)

#catalog .page-container .catalog-filter {

  width: 100%;

}

 

Скрытый текст

 

У меня это вот так выглядит примерно )

[jaffagold]

Скрытый текст

@media screen and (max-width: 1000px){

  .gn-trigger.opened .gn-menu-wrapper {

    width: 100%;

    overflow: visible;

    height: 240px;

    margin-left: 60px;

    background: transparent;

  }

  .gn-menu-wrapper .gn-scroller {

    width: 100%;

  }

  /*убрать пустоту над названием категории, надо проверить на других страницах*/

  #catalog {

    margin-top: 0;

  }

  /*шрифт в верхнем меню, гугл будет ругаться на 12px и видно плохо*/

  .gn-menu-main .mob-menus a {

    font-size: 16px;

  }

 /*номер телефона*/

  .gn-menu-main .header-info a {

    font-size: 16px;

  }

/*корзинка, отдельно, т.к. возможно захочется разные шрифты для разных элементов*/

  .gn-menu-main .basket a {

    font-size: 16px;

  }

}

и мобильное меню немного поправить

Вполне сносно выходит

 

Змінено 9 липня 2017 користувачем jaffagold

[jaffagold]

Вы забыли вставить скриншот

Вот что выходит после вставки стилей ( вариант не окончательный)

Скрытый текст

 

 

Змінено 9 липня 2017 користувачем jaffagold

[jaffagold]

не понял...

[jaffagold]

да и бог с ним... обходились столько лет без него

Они свой grid расписали.

Кроме размеров менее 1000 глюков не заметил.

Раз уж готово все, основные доработки косметические

Скрытый текст

@media screen and (max-width: 1000px) {

/*ширина описания товара*/

  #tovar-first-screen .page-container .tovar-description {

    max-width: 100%;

  }

/*блок табов и нижний блок*/

  #tovar-second-screen .page-container .tovar-tabs {

    max-width: 100%;

  }

  #tovar-second-screen .page-container .tovar-additional-info {

    max-width: 100%;

  }

  #tovar-second-screen .page-container .tovar-additional-info {

    max-width: 100%;

    background: #f1f2f4;

  }

  #tovar-second-screen .page-container .tovar-additional-info .items {

    width: 50%;

  }

  #tovar-second-screen .page-container .tovar-additional-info .item {

     margin-bottom:0; 

  }

}

Скрытый текст

 

[Yurta]

4 часа назад, Tom сказал:

catalog/view/theme/default/template/common/header.tpl

удалите 

<meta name="viewport" content="width=device-width, initial-scale=1">

 

 

только не удалить, а вместо него написать 

 

<meta content='width=1200' name='viewport'>