Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

Style [Solved] How to fix user details spacing in post (MOBILE only)

9 Posts
3 Users
2 Reactions
1,605 Views
Posts: 57
Topic starter
(@amitkool21)
Trusted Member
Joined: 6 years ago

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.


8 Replies
Chris
Posts: 3610
(@chris)
Famed Member
Joined: 4 years ago

Hi @amitkool21,

Please provide your Forum URL.


Posts: 57
Topic starter
(@amitkool21)
Trusted Member
Joined: 6 years ago

www.yatrahelpline.com/community

 

Main page will say COMING SOON. 


Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

@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)


5 Replies
(@amitkool21)
Joined: 6 years ago

Trusted Member
Posts: 57

@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.


Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1521

@amitkool21 

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


(@amitkool21)
Joined: 6 years ago

Trusted Member
Posts: 57

@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 🙂 


Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1521

@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;
}
}

(@amitkool21)
Joined: 6 years ago

Trusted Member
Posts: 57

@tutrix 

worked perfectly... Thanks a ton mate 🙂