Как убрать с темы мобильную версию
У меня в теме 3 столба. мобильная версия на мобильных устройствах она обрезанная и столбы идут один за одним вниз, как убрать мобильную версию что бы страница открывалась на весь экран
Можно задать ширину страницу в пикселях, например 980px, тогда мобильные устройства не будут подстраиваться под размер экрана. Также можно удалить css для мобильных устройств.
А как определить css для мобильных устройств.оно как то называется?
У меня всё в %, а размер стоит в max-width: 1132px; , может поставить к примеру 85 % ?
Или лучше вообще удалить css для мобильных устройств
Да пробовал не получилось, поэтому подскажите как решить с css, и ответьте пожалуйста подробнее на второй вопрос на этом форуме https://drupalbook.org/ru/forum/pomogite#comment-1807
Вам следует использовать везде пиксели вместо процентов. Тогда сайт будет выглядить одинаково на мониторе и на устройстве.
Тоесть первый вариант это весь сайт переводить в пиксели, а второй можно удалить css для мобильных устройств это проще мне кажется? подскажите какое у него может быть название.
В файле css обычно отдельно в комментариях написано где начинаются комментарии для мобильной версии.
Иван подскажите пожалуйста не общими фразами, а конкретно на файле css в какой строке начинается и до какой удалять.
Это же форум а не общалка, я взял на заметку как делать как у Вас кнопки соц сетей справа, но в ИЭ они по центру страницы, и у вас тоже. так же и другие увидят что то необходимое для себя, а почитав общие фразы и отписки выйдут и никогда больше не вернутся.
Заранее спасибо.
Кнопки в IE8 отображаются нормально, версии ниже уже устаревшие.
Все что между такими вот конструкциями и есть css для мобильных устройств
@media screen and (max-width: 960px) {
}
Вот что есть, какую часть удалять, пробовал даже всё без изменений
@media screen and (max-width: 1152px) {
#wrapper {
max-width:960px;
}
}
@media screen and (max-width: 960px) {
.content-sidebar-wrap,
#content,
#sidebar-first,
#sidebar-second {
float:none;
width:auto !important;
}
#sidebar-first {
clear:both;
}
#sidebar-first,
#sidebar-second,
#head,
#foot {
padding:0 3.52%;
}
}
@media screen and (max-width: 640px) {
#site-title,
#site-description {
float:none;
margin:0;
line-height:1.62em;
}
#site-title {
padding-top:18px;
}
#site-description {
padding-bottom:18px;
}
#main-menu ul {
display:none;
}
#main-menu li ul {
position:static;
}
#main-menu li ul ul {
margin:0 !important;
}
#main-menu ul,
#main-menu li {
float:none;
max-width:100%;
}
#main-menu a {
width:100%;
padding:0;
}
#main-menu li li a {
text-align:center;
}
#main-menu li li li a {
background:#777;
border-top-color:#7f7f7f;
}
#main-menu a:hover {
background:#888;
background:-moz-linear-gradient(#999,#777);
background:-webkit-linear-gradient(#999,#777);
background:-o-linear-gradient(#999,#777);
background:-ms-linear-gradient(#999,#777);
background:linear-gradient(#999,#777);
}
#main-menu li:hover > ul,
#main-menu li li:hover > ul,
#main-menu li li li:hover > ul {
display:none;
}
.drop-down-toggle {
display:block;
}
#main-menu li li .drop-down-toggle {
top:5px;
}
#main-menu .nav-toggle {
display:block;
font-size:15px;
font-weight:bold;
line-height:40px;
}
.flex-control-nav li {
margin:0 0 0 10px;
}
.flex-control-nav li:first-child {
margin:0;
}
.flex-control-nav li a {
box-shadow:none;
background:rgba(255, 255, 255, 0.75);
}
#slider .entry-container {
position:absolute;
left:4%;
bottom:6.3%;
}
#slider .entry-header,
#slider .entry-summary {
margin:0;
}
#slider .entry-title {
margin-bottom: 0;
}
#slider .entry-title a,
#slider .entry-summary{
display:inline-block;
padding:1% 3%;
background:rgba(255, 255, 255, 0.75);
}
#slider .entry-summary {
max-width:61.8%;
}
#slider .entry-summary p {
max-height:84px;
overflow:hidden;
}
#slider .slide-image {
float:none;
display:block;
max-width:100%;
padding:0;
margin:0;
box-shadow:none;
}
.content-sidebar-wrap,
#sidebar-first,
#sidebar-second {
float:none;
width:auto;
}
.content-sidebar-wrap #content {
float: left;
width:auto;
}
#sidebar-first .block,
#sidebar-second .block,
#footer-area .column {
float:none;
width:auto !important;
margin-left:0;
}
#sidebar-first {
clear:both;
}
#footer-area .column {
margin:10px 0;
}
.copyright,
.credits {
float:none;
text-align:left;
}
@media screen and (max-width: 440px) {
input.form-text, select.form-select {
width: 93%;
}
textarea.form-textarea {
width: 100%
}
}
}
Кнопки в IE8 отображаются нормально, версии ниже уже устаревшие.
У меня IE9 кнопки посередине
Смотрите скрин
У меня отображает нормально.
Можно удалять весь код.
Удалял ничего не меняется
Иван вы написали "Можно удалять весь код."
Но я пробовал удалить и ничего не изменилось
Что не так и как ещё можно разрешить эту проблему
Перепишите все размеры в пикселях, тогда сайт перестанет масштабироваться.
Я пробовал , ничего не изменилось
Иван Вы написали "перепишите все размеры в пикселях, тогда сайт перестанет масштабироваться."
Я пробовал ничего существенно не изменилось и посмотрел другие мои сайты так там наоборот всё в %.
Дело в том что разрешение мобильных устройств зачастую меньше чем в компах и если в пикселях подгонять для мобильных то в компьютере будет всё просто жесть, должен быть какой то другой способ решения этой проблемы
Если вы делаете в пикселях, тогда мобильные устройства показывают сайт уменьшенным и по нажатию приближают. Если через проценты, тогда на мобильных будет сайт подгоняться под размер экрана.
Так я это и хочу чтобы подгонялось под размер экрана весь сайт, но я пробовал и подгонялось всё равно по столбам на ширину экрана и вниз 3 столба, при этом центральный на всю ширину а боковые как попало, а не весь сайт в 3 колонки целиком. тоесть всё равно остаётся мобильная версия