Мне нужно отредактировать мобильную версию этого сайта, центрировав текст во всех разделах, но для некоторых из них это не работает.

Это ссылка: othodesign.com

Это код последнего раздела, который я пытался использовать для центрирования:

.categories .module-title.font-alt.home-prod-title {
    margin: auto;
    font-size: 13px;
    letter-spacing: 2px;
    word-spacing: 3px;
    padding: auto;
    padding-top: 20px;
}

.categories .module-subtitle.font-serif.home-prod-subtitle {
    font-size: .8em;
    text-align: center;
    letter-spacing: .01px;
    position: relative;
    top: 10px;
    padding-bottom: 30px;
    padding-top: 20px;
}

Это код раздела с изображением и текстом над ним (с девушкой на крыше машины):

.categories .module-title.font-alt.home-prod-title {
    margin: auto;
    font-size: 13px;
    letter-spacing: 2px;
    word-spacing: 3px;
    padding: auto;
    padding-top: 20px;
}
.categories .module-subtitle.font-serif.home-prod-subtitle {
    font-size: .8em;
    text-align: center;
    letter-spacing: .01px;
    position: relative;
    top: 10px;
    padding-bottom: 30px;
    padding-top: 20px;
}

Это в WordPress, и я использую тему, которая не позволяет мне удалять какой-либо CSS, я использую плагин, который позволяет мне добавлять некоторый код CSS.

0
Saf 24 Июл 2017 в 11:31
Пожалуйста, поделитесь своей ссылкой
 – 
Shital Marakana
24 Июл 2017 в 11:37
Да ссылка othodesign.com
 – 
Saf
26 Июл 2017 в 21:36

1 ответ

Лучший ответ

Проблема в white-space: nowrap; на .section-overlay-layer .module-title. Удалите его или добавьте white-space: normal; для мобильной версии.

0
Benjamin 24 Июл 2017 в 12:05
Не могли бы вы выложить мое решение онлайн? Вы также можете удалить word-break: break-all !important;
 – 
Benjamin
26 Июл 2017 в 09:42