Меняем ширину темы twenty fourteen для WordPress

По непонятной причине разработчики темы twenty fourteen для WordPress решили что ширина экрана на современных экранах, ограничена размером в 1260 пикселей. Странно.. однако тема хорошая, а потому её можно чуть чуть «пофиксить».. Для этого нужно отредактировать style.css:

  • Найти все упоминания 1260px и заменить на 100%
  • Найти все вхождения max-width: 672px; и заменить на max-width: 100%;
  • Найти все вхождения max-width: 474px; и заменить на max-width: 80%;

2 комментария

  • Александр

    Здравствуйте!
    Не могу понять как сделать, чтобы тема не сужалась менее какого-то размера. В style.css в разделе .site { добавил строчку min-width: 1000px; т.е. было:

    .site {
    background-color: #fff;
    max-width: 1260px;
    position: relative;
    Стало:
    .site {
    background-color: #fff;
    max-width: 1260px;
    min-width: 1000px;
    position: relative;
    Но действовать это стало только для основного текста на станице, левый сайдбар при сужении окна все равно уходит в подвал. И на шапку это тоже не действует. Появляющаяся полоса прокрутки ее не двигает, а только элементы ниже ее (сраницу и сайдбар, который после появления полосы прокрутки, при дальнейшем сужении окна, почти сразу уходит в подвал).
    А при раcширении окна на ширину близкую к размеру монитора (1280px.) содержание сайдбара постепенно уходит влево, за границу окна. Поскольку полоса прокрутки при этом уже отсутствует, увидеть его нельзя.
    Может кто знает как сделать, чтобы min-width: 1000px; действовало на весь сайт (шапку, сайдбар подвал…), а не только на основное содержание страницы?

    P.S.
    Сайт не не хостинге, а на OpenServer на локальном компьютере, тема Twenty Fourteen, WordPress.

  • Дмитрий

    Аналогичную операцию надо проделать и с файлом css\editor-style.css, чтобы редактор отображал запись/страницу так же, как она будет выглядеть с измененной шириной.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.