Как не включать мобильную версию сайта?

InstantCMS 2.X
#1 4 февраля 2017 в 18:06
Здравствуйте. Практически в любом шаблоне, при захождении на сайт — все соответственно сужается и многое пропадает из виду или появляется совсем не там где хотелось бы.
Как можно сделать так, что бы сайт открывался с телефона точно так же как он открывается с компьютера?
Благодарю.
#2 4 февраля 2017 в 18:28
Можно попробовать так.
#3 4 февраля 2017 в 18:32


Можно попробовать так.

Loadырь

Данную плюшку можно установить на любой шаблон?
#4 4 февраля 2017 в 18:41

Данную плюшку можно установить на любой шаблон?

@Aliaksandr
Да, но она на данный момент вкручена в другой шаблон. Поговорите с автором, возможно он оформит эту фичу виджетом?
#5 4 февраля 2017 в 18:52


Данную плюшку можно установить на любой шаблон?

@Aliaksandr
Да, но она на данный момент вкручена в другой шаблон. Поговорите с автором, возможно он оформит эту фичу виджетом?

Loadырь

По говорю. Благодарю.
#6 8 декабря 2019 в 10:45
Как сделать, чтобы десктопная версия с правым столбцом показывалась на мобильнике, пример на фото.

#7 9 декабря 2019 в 20:41
1. Удалите все media-запросы из css файлов шаблона. Не только из каталога css.
Эти запросы начинаются с @media *************. Пример из файла default/css/theme-layout.css:
  1.  
  2. @media screen and (max-width: 980px) {
  3. #body section { width:100% !important; }
  4. #body aside {
  5. float: none !important;
  6. overflow: hidden;
  7. width: 100%;
  8. clear: both;
  9. }
  10. }
  11.  
2. Также в один из основных css, который подгружается на любой странице сайта установите минимальную ширину тегу body.
Например в default/css/theme-layout.css если используется шаблон deafult.
  1. body{min-width:960px;}
Этого должно хватить для решения задачи.
#8 10 декабря 2019 в 11:15



2. Также в один из основных css, который подгружается на любой странице сайта установите минимальную ширину тегу body.
Например в default/css/theme-layout.css если используется шаблон deafult.

  1. body{min-width:960px;}
Этого должно хватить для решения задачи.

Dezerit

Спасибо, что откликнулись.
Использую шаблон deafult
Но я не нашел в default/css/theme-layout.css
  1. body{min-width:960px;}
Или этот код нужно поставить в в default/css/theme-layout.css ?

Убрал все @media из файлов css
Но при просмотре с мобильника правый столбик не появился(он сваливается под основной центральный блок)
DEMO: Шадринск.рф
#9 10 декабря 2019 в 15:39
Samber, да, этот код надо добавить в theme-layout.css. По ссылке у вас не дефолтный шаблон.
#10 10 декабря 2019 в 16:31


По ссылке у вас не дефолтный шаблон.

Dezerit
Дефолтный laughСсылку исправил!
#11 10 декабря 2019 в 19:01

Разве это не дефолтный ?

Samber
Не волнуйтесь, дефолтнее не бывает))
Удалите ещё вот эту: строку
#12 10 декабря 2019 в 21:23


Удалите ещё вот эту: строку

Олег Васильевич я

Удалив эту строку
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Правый столбец сползает под центральный, а мне нужно как у сайта Кинопоиск
Чтобы правый столбец оставался справа
#13 10 декабря 2019 в 21:28


Samber, да, этот код надо добавить в theme-layout.css.

Dezerit

Добавил, при просмотре с мобилы правый столбец не появился smile
#14 10 декабря 2019 в 22:30
Пересмотрел. Значит вот это
  1. body{min-width:960px;}
Можно не добавлять.
Надо удалить еще один медиа-запрос в options.css.php
  1.  
  2. @media screen and (max-width: 980px) {
  3. #layout { width: 98% !important; min-width: 0 !important; }
  4. }
  5.  
  6.  
#15 11 декабря 2019 в 04:26
Dezerit, большое спасибо.
Получилось dance
Иллюстрация
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.