Убрать адаптивный дизайн, задать минимальную ширину

klevec
На сайте с 18.01.2014
Offline
29
4112

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

Нужно чтобы сайт с мобильных устройств отображался также как с компа.

Вот тут допустим тут: http://pastebin.com/ZZCjV7N4

Закомментировал Mobile Phones. Не помогло.

emariaru
На сайте с 26.10.2010
Offline
73
#1

Желательно ссылку дайте на сайт, а не только на css код

1. Если есть <meta name="viewport"... удалите его и вставьте такой <meta name="viewport" content="width=1200"> (ну или сколько вам ширина нужна)

2. если есть строки типа

@media (min-width: 1200px) {

...

}

- удаляйте их

klevec
На сайте с 18.01.2014
Offline
29
#2
emariaru:
Желательно ссылку дайте на сайт, а не только на css код
1. Если есть <meta name="viewport"... удалите его и вставьте такой <meta name="viewport" content="width=1200"> (ну или сколько вам ширина нужна)
2. если есть строки типа
@media (min-width: 1200px) {
...
}
- удаляйте их

http://sensuale-kazan.ru/

Всё равно немного не так смотрится, как хотелось бы. Хотелось бы на мобильном устройстве видеть огромный сайт. Точно такой же как на компе. Там, например, многие блоки съезжают и меню.

Z
На сайте с 07.06.2013
Offline
63
#3
Закомментировал Mobile Phones. Не помогло.

klevec, там же еще адаптация под планшеты.

@media only screen and (max-width: 768px)
klevec
На сайте с 18.01.2014
Offline
29
#4
Zick:
klevec, там же еще адаптация под планшеты.

Всё равно не помогло.

/* Tablets ----------- */
/*
@media only screen and (max-width: 768px) {

#container, #footer-container {
width: 100%;
}

#main,
#main-fullwidth,
#header,
#footer-widgets,
#footer {
padding-left: 10px;
padding-right: 10px;
}

#main, #main-fullwidth {
background-image: none;
}

#header {
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

.logo, .header-right {
float: none;
text-align: center;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}

.header-right {
padding-top: 10px;
}

#topsearch {
float: none;
width: 96%;
margin: 10px 2%;
}

#header #topsearch {
margin-left: 0;
margin-right: 0;
width: 100%;
}

#top-social-profiles {
float: none;
width: 100%;
display: block;
text-align: center;
}

#content, #sidebar-primary, #sidebar-secondary {
width: 100%;
float: none;
padding: 0;
margin: 0;
display: block;
}

.menu-primary-container, .menu-secondary-container {
float: none;
margin-left: 0;
margin-right: 0;
display: block;
}

.fp-slider, #fb-root {
display: none;
}

.post-box {
width: 100%;
height: 100%;
float: none;
overflow: hidden;
margin: 0;
padding: 0;
}

#footer-widgets-container #footer-widgets {
width: inherit;
}

.footer-widget-box {
width: 100%;
float: none;
margin: 0;
padding: 0;
}
#copyrights, #credits {
display: block;
float: none;
text-align: center;
}

#footer-container #copyrights, #footer-container #credits {
padding: 5px 0;
}

#footer-container #footer {
width: auto;
padding-left: 10px;
padding-right: 10px;
}

}

/*
V
На сайте с 16.03.2009
Offline
133
#5
Zick:
klevec, там же еще адаптация под планшеты.

Все что @media only screen and убирайте и все

VPS XEN/512Mb за 120 Руб (http://www.htc-s.ru/vps-hosting.html) / Виртуальный и VPS хостинг с отзывами (/ru/forum/900361) VPS, хостинг (http://horttel.hosting/)
emariaru
На сайте с 26.10.2010
Offline
73
#6

у меня с планшета полноценная версия открылась

поменяйте <meta name="viewport" content="width=1400">

на

<meta name="viewport" content="width=1000">

klevec
На сайте с 18.01.2014
Offline
29
#7
emariaru:
у меня с планшета полноценная версия открылась
поменяйте <meta name="viewport" content="width=1400">
на
<meta name="viewport" content="width=1000">

Скриншот не можешь запостить?

Что-то не помогает ничего. Хочу чтоб большой сайт был. Как на компе.

AshtonLex
На сайте с 09.08.2014
Offline
3
#8
klevec:
Хочу чтоб большой сайт был. Как на компе.

Обращайтесь к специалистам 🍿

P.S. Дизайн и верстка тихий ужас...

Специалист по WordPress и phpBB

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий