Поделиться:
Уведомления
Очистить все

Как установить размеры форума на мобильном устройстве


Ewans
Сообщения: 12
Topic starter
(@ewans)
Active Member
Присоединился: 6 месяцев назад

Привет.

Как настроить мобильную версию так, чтобы она автоматически расширялась/подстраивалась под размер экрана? Например, сейчас форум фиксирован по центру и это делает его визуально узким

Screenshot 2022 03 17 06 40 13 864 com.android.chrome

 

Метки темы
6 Ответов
Марк
Сообщения: 153
Admin
(@mark)
Участник
Присоединился: 3 года назад

@ewans,

wpForo находится внутри шаблона для страниц вашей WordPress темы. И отступы задается из вашей WordPress темы. Так что вам нужно решить эту проблему в теме WordPress а ни в wpForo. Все темы разные и  CSS  код будет разным. Оставьте ссылку на ваш форум, если мы найдем время, мы посмотрим классы шаблона вашей темы и дадим CSS код для сужения отступов на мобильных устройств.

wpForo mobile ширина
Ответить
5 Ответы
Ewans
(@ewans)
Присоединился: 6 месяцев назад

Active Member
Сообщения: 12

@mark Здравствуйте. Спасибо. Ссылка

Ответить
Кристи
Moderator
(@kristi)
Присоединился: 3 года назад

WpForo.RU Team
Сообщения: 47

@ewans,

Добавьте этот CSS код в поле "Свой CSS код" админ страницы Форумы > Настройки > Стили:

@media screen and (max-width:600px) { 
	.wpforo .container {
		padding-right: 0.5em;
		padding-left: 0.5rem;
	}
}

 

Ответить
Кристи
Moderator
(@kristi)
Присоединился: 3 года назад

WpForo.RU Team
Сообщения: 47

Да и используйте новый инкогнито / приват вкладку браузера, чтобы увидеть результат. Браузеры смартфонов кешируют сайты и не можешь увидеть результат.

Ответить
Ewans
(@ewans)
Присоединился: 6 месяцев назад

Active Member
Сообщения: 12

@kristi щас попробую установить код

Ответить
Ewans
(@ewans)
Присоединился: 6 месяцев назад

Active Member
Сообщения: 12

@kristi Спасибо большое все получилось.

И еще один вопрос, некорректно отображаются кнопки в Mi браузер с мобильного телефона, почему так выходит?

Ответить
Поделиться: