Notifications
Clear all

User info area on mobile

14 Posts
3 Users
0 Likes
2,163 Views
Posts: 53
Customer
Topic starter
(@chris-r)
Member
Joined: 4 years ago

Hello, 

Attached is a screenshot showing the user info area of my forum on mobile.  Everything is currently stacked to the left.  Is there any way to make this area look better?  

Thank you, 

-Chris

Forum Mobile 2

 

13 Replies
Posts: 4168
 Tom
Admin
(@tomson)
Famed Member
Joined: 9 years ago

Hi @chris-reilly,

What forum layout you use? If it's the Threaded layout, it should look like this:

2020 01 02 1838
Reply
Posts: 53
Customer
Topic starter
(@chris-r)
Member
Joined: 4 years ago

Hi Tom, 

 

Thanks for getting back to me.  

 

I was using Simplified layout because I much prefer the look of the main forum.  I did change it to threaded like you suggested just to check. The mobile post layout does look better like your screenshot, but the spacing still doesn't look right.

Is there anyway to achieve the look you posted but on Simplified?

 

-Chris

 

Selection 003

 

Reply
3 Replies
 Tom
Admin
(@tomson)
Joined: 9 years ago

Famed Member
Posts: 4168

@chris-reilly

I don't suggest to change to threaded layout. Please use whatever you want. All wpForo layouts are well-designed for PC and for mobile too.

The simplified layout is designed that way. Here is the original view of this layout on mobile devices, it's very close to your version:

2020 01 03 0051

 

 

Reply
Customer
(@chris-r)
Joined: 4 years ago

Member
Posts: 53

@tomson

Hey Tom,

 

Is there anyway that I can change that top area up?  That big blank white area to the right of everything just looks really odd and unfinished.  Something like this?

 

Selection 004
Reply
 Tom
Admin
(@tomson)
Joined: 9 years ago

Famed Member
Posts: 4168

@chris-reilly

I'm sorry but there is no way to do that. I can only provide this alternative view for the Simplified Layout (make sure you've switched to Simplified layout):

#wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .author-data {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
}
#wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .wpf-member-profile-buttons {
     flex-basis: 40%;
}
#wpforo-wrap .wpf-author-nicename {
     flex-basis: 50%;
}

Put this code in Dashboard > Forums > Settings > Styles > Custom CSS Codes textarea. Save it, delete all caches, go to forum front-end and press Ctrl+F5 to reset browser cache.

Reply
Posts: 53
Customer
Topic starter
(@chris-r)
Member
Joined: 4 years ago

Thanks Tom.

 

That does look better but still doesn't look very well thought out.  Each version looks great on PC but none of them look very well thought out on mobile. 

 

I don't mean to be rude or out of line, but I think some more time needs to be spent on the mobile version of these layouts.

 

Look at these old forums for example.  They are considered old and out dated by many, and yet, they still look better in mobile form. 

 

vBulletin
phpBB

 

First one is vBulletin and the second is phpBB.

 

 

Reply
1 Reply
 Tom
Admin
(@tomson)
Joined: 9 years ago

Famed Member
Posts: 4168

Thank you @chris-reilly,

We'll improve this in future releases for sure.

 

Reply
Posts: 53
Customer
Topic starter
(@chris-r)
Member
Joined: 4 years ago

Followup to this thread:

 

Idk what changed but now it looks even worse than it did before.  Attached is a screenshot showing what has changed.  

Selection 003s

 

As can be seen in the first image I posted at the begging of this thread, everything was blocked together to the left. Now the the Admin icon is in the middle and totally looks out of place. 

 

Was there an update or something?

 

Thank you, 

-Chris

Reply
Page 1 / 2
Share:
Scroll to top