How to fix user details spacing in post (MOBILE only) - How-to and Troubleshooting - wpForo 2.0

RE: How to fix user details spacing in post (MOBILE only)

amitkool21 — Fri, 04 Feb 2022 19:26:15 +0000

@tutrix

worked perfectly... Thanks a ton mate 🙂

RE: How to fix user details spacing in post (MOBILE only)

Tutrix — Fri, 04 Feb 2022 04:45:21 +0000

@amitkool21

Default value is 80px

@media screen and (max-width:620px) {
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-data {
margin-left: 80px;
}
}

you can increase this value, for example 120px

@media screen and (max-width:620px) {
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-data {
margin-left: 120px;
}
}

RE: How to fix user details spacing in post (MOBILE only)

amitkool21 — Thu, 03 Feb 2022 20:10:07 +0000

@tutrix

Yeah, I was also thinking about that... But I just wanted to test it, because small displays are almost going out of market now, So may be after some time I'll use that 🙂

RE: How to fix user details spacing in post (MOBILE only)

Tutrix — Thu, 03 Feb 2022 19:59:49 +0000

@amitkool21

on small displays there is no space on the right side 😉

small-displays.jpg

RE: How to fix user details spacing in post (MOBILE only)

amitkool21 — Thu, 03 Feb 2022 19:45:16 +0000

@tutrix Thanks man, but it only decreased the size of avatar, it didn't shift the text on the right side 😕

By the way, I really love your guides from your website.

RE: How to fix user details spacing in post (MOBILE only)

Tutrix — Thu, 03 Feb 2022 16:48:12 +0000

@amitkool21

add this to custom css

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
width: 70px !important;
max-height: 70px !important;
}

Dashboard > Forums > Settings > Style (custom css)

RE: How to fix user details spacing in post (MOBILE only)

amitkool21 — Thu, 03 Feb 2022 14:57:21 +0000

www.yatrahelpline.com/community

Main page will say COMING SOON.

RE: How to fix user details spacing in post (MOBILE only)

Chris — Thu, 03 Feb 2022 08:48:30 +0000

Hi @amitkool21,

Please provide your Forum URL.

How to fix user details spacing in post (MOBILE only)

amitkool21 — Wed, 02 Feb 2022 20:41:41 +0000

Please take a look at the attachment, user details are showing a little bit over the avatar... I want to move them to right side. This is happening only on mobile and on desktop PC it looks fine.

Screenshot_20220203-015810.jpg