Увеличить ширину экрана в мобильных системах

Egor2015
(@egor2015)

6 лет, 6 месяцев назад
Добрый день!
Сайт сделан на основе шаблона Twenty Sixteen здесь
Необходимо, чтоб страница сайта была на всю ширину, чтоб отступы слева и справа были минимальные. Хотелось бы сделать это без плагина. Сайты на мобильные версии много раз переводил, в основном самописные большинство были. На движке WordPress тяжко много @media.
Может быть их вообще сократить, оставить минимум.
Сейчас хотелось, чтоб помогли то есть с чего-то начать, какие стили CSS изменить мне?
Прикладываю скрин с айфона 5s

cloud.mail.ru/public/5wbH/UGhGvzyhu
- Тема изменена 6 лет, 6 месяцев назад пользователем Egor2015.
- Тема изменена 6 лет, 6 месяцев назад пользователем Egor2015.

Просмотр 15 ответов — с 1 по 15 (всего 15)

Flector
(@flector)

6 лет, 6 месяцев назад
как раз в вашем случае можно обойтись и без всяких media.
style.css строчка 2839
```
.entry-content {
    margin: auto 10% !important;
}
```
меняйте на
```
.entry-content {
    margin: auto 0 !important;
}
```
и будет нормально:

заголовок поправить надо в 2 классах #masthead и .site-header-main — убрать там падинг.

если такой вариант вас не устраивает (из-за десктопной версии), то тупо запихните код в media, добавив туда !important
- Ответ изменён 6 лет, 6 месяцев назад пользователем Flector.
Автор Egor2015
(@egor2015)

6 лет, 5 месяцев назад
Посмотрите ещё текущий вариант, почему-то в мобильной версии на айфоне справа полоска проходит серая узкая примерно 4-5 мм. Не смог найти причину… Слева все хорошо плотно прижата к левому краю.
- Ответ изменён 6 лет, 5 месяцев назад пользователем Egor2015.
Flector
(@flector)

6 лет, 5 месяцев назад

полоска — полоса прокрутки?
Автор Egor2015
(@egor2015)

6 лет, 5 месяцев назад
рядом с ней, полоса прокрутки уже бывает, причем появляется серая полоска когда пальцами сжать и потом висит постоянно
- Ответ изменён 6 лет, 5 месяцев назад пользователем Egor2015.
Flector
(@flector)

6 лет, 5 месяцев назад

айфона у меня нет, а в хромовом эмуляторе все нормально:

так что ничем не могу помочь.
Модератор Yuri
(@yube)

6 лет, 5 месяцев назад
Проблему на ыФоне (4S) подтверждаю. Гор. скролл есть. К сожалению, не знаю, как решить 🙁 Говорят, есть какой-то инстру́мент, но он только для Мака, а я такие игрушки не могу себе позволить.
- Ответ изменён 6 лет, 5 месяцев назад пользователем Yuri.
Автор Egor2015
(@egor2015)

6 лет, 5 месяцев назад

в хроме гугл (просмотр кода, включить мобильники) видно, но только очень плохо, слегка серая полоска
Flector
(@flector)

6 лет, 5 месяцев назад
слегка серая полоска это просто полоса прокрутки.
или дайте скрин, где видно проблему.
- Ответ изменён 6 лет, 5 месяцев назад пользователем Flector.
Модератор Yuri
(@yube)

6 лет, 5 месяцев назад

А попробуйте убрать карту.
Автор Egor2015
(@egor2015)

6 лет, 5 месяцев назад
А зачем карту, она же картинкой лишь идет
- Ответ изменён 6 лет, 5 месяцев назад пользователем Egor2015.
Модератор Yuri
(@yube)

6 лет, 5 месяцев назад

На внутренних страницах карты нет, и горизонтального скролла тоже нет.

Модератор Yuri
(@yube)

6 лет, 5 месяцев назад

Отбой! Карата ни при чем.

Модератор Yuri
(@yube)

6 лет, 5 месяцев назад

попробуйте
.slider_container { overflow: hidden;}

Автор Egor2015
(@egor2015)

6 лет, 5 месяцев назад

И правда картинка неверно поставлена, большое спасибо всем!

Автор Egor2015
(@egor2015)

6 лет, 5 месяцев назад

Юрий, сделал как вы сказали, помогло спасибо!