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

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

    cloud.mail.ru/public/5wbH/UGhGvzyhu

    • Тема изменена 5 лет, 10 месяцев назад пользователем Egor2015.
    • Тема изменена 5 лет, 10 месяцев назад пользователем Egor2015.
Просмотр 15 ответов — с 1 по 15 (всего 15)
  • как раз в вашем случае можно обойтись и без всяких media.
    style.css строчка 2839

    
    .entry-content {
        margin: auto 10% !important;
    }
    

    меняйте на

    
    .entry-content {
        margin: auto 0 !important;
    }
    

    и будет нормально:

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

    если такой вариант вас не устраивает (из-за десктопной версии), то тупо запихните код в media, добавив туда !important

    • Ответ изменён 5 лет, 10 месяцев назад пользователем Flector.

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

    • Ответ изменён 5 лет, 10 месяцев назад пользователем Egor2015.

    полоска — полоса прокрутки?

    рядом с ней, полоса прокрутки уже бывает, причем появляется серая полоска когда пальцами сжать и потом висит постоянно

    • Ответ изменён 5 лет, 10 месяцев назад пользователем Egor2015.

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

    так что ничем не могу помочь.

    Проблему на ыФоне (4S) подтверждаю. Гор. скролл есть. К сожалению, не знаю, как решить 🙁 Говорят, есть какой-то инстру́мент, но он только для Мака, а я такие игрушки не могу себе позволить.

    • Ответ изменён 5 лет, 10 месяцев назад пользователем Юрий.

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

    слегка серая полоска это просто полоса прокрутки.
    или дайте скрин, где видно проблему.

    • Ответ изменён 5 лет, 10 месяцев назад пользователем Flector.

    А попробуйте убрать карту.

    скрин

    А зачем карту, она же картинкой лишь идет

    • Ответ изменён 5 лет, 10 месяцев назад пользователем Egor2015.

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

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

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

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

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

Просмотр 15 ответов — с 1 по 15 (всего 15)
  • Тема «Увеличить ширину экрана в мобильных системах» закрыта для новых ответов.