Как сделать, чтобы кнопка не выходила за границы сайта на мобильнике?

Question

[romanshatskikh]

Сайт на вордпрессе.
На странице размещён шорткод от плагина

[groups_join group="member" submit_text="Открыть доступ к разделам сайта (под видео появится доп. информация)" display_message="false" display_is_member="true"]

Кнопка выходит за границы на мобилке.

Пробовал в ячейку таблицы поместить - не помогает.
Что делать?

Comments

[Rustam Bainazarov]

Код? Ссылка?

[romanshatskikh]

SmthTo, Не понял Ваши вопросы. Код же я предоставил.

[Rustam Bainazarov]

drveb1, какой код? Шорткод WordPress'a? Зачем нам код шорткода, когда мы не видим, какой HTML-код он возвращает? Более того, никто не видит, какой CSS у всего этого.

[romanshatskikh]

SmthTo, Если бы я знал ответы на эти вопросы, я би не создавал тему :))
Вот повесил шорткод на эту страницу https://goo.gl/UQ4G1n
И форму авторизации (кнопка видна только авторизованным)

Только на кнопку не нажимайте, а то присвоится новая группа и кнопка исчезнет :)

[Орхан Гасанлы]

drveb1, с учетом того, что нет уникальных селекторов для самой кнопки, то вот:

.entry-content.e-content input[type="submit"]:nth-child(3n) {
    white-space: normal !important;
}

https://screenshots.firefox.com/FpOHsC1igXf9nV1s/a...

Answer 1

[Орхан Гасанлы]

.entry-content.e-content input[type="submit"]:nth-child(3n) {
    white-space: normal !important;
}

Comments

[romanshatskikh]

Всё бы было хорошо, если бы я чайником не был)) Куда этот код нужно вставить? Попробовал просто вставить его на страницу, ничего не вышло)

[Орхан Гасанлы]

drveb1, если можете подключиться по фтп, то в папке с темой (wp-content/themes/НАЗВАНИЕ_ТЕМЫ) лежит файл style.css добавьте в конец этого файла.

либо как вариант - Внешний вид - Редактор - Файл стилей (style.css) добавьте в конец