Notifications
Clear all

wpForo 1.x.x [Closed] Time and post number overlapping in mobile view, name missing

9 Posts
2 Users
1 Reactions
898 Views
StocksForum
Posts: 135
Topic starter
(@stocksforum)
Estimable Member
Joined: 6 years ago

The cause seems to be the members name disappearing in mobile view.

8 Replies
StocksForum
Posts: 135
Topic starter
(@stocksforum)
Estimable Member
Joined: 6 years ago

The name that disappears in mobile view.

Sofy
Posts: 4472
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

Hi @stocksforum,

Please leave the URL. 

1 Reply
StocksForum
(@stocksforum)
Joined: 6 years ago

Estimable Member
Posts: 135

That would help. 

Here is an example:

https://smallcaps.com.au/forum/biotech-pharma/cannabis-stocks-ihl-and-cli-looking-to-run-from-here/

Issue only seems to occur when not logged in. Once logged in it is ok.

 

Also need help with these two icons in the image:

 

Sofy
Posts: 4472
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

@stocksforum,

To solve the CSS issue, please add the following CSS code in "Custom CSS code" textarea:

@media screen and (max-width: 800px){
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-content-head {
margin-top: -153px;
}
}
@media screen and (max-width: 800px){
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-top .wpf-author-name{
width:100%;
}
}

Please test it on other mobile devices or try on incognito mode. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.  

The icon located in the right corner of the post content is the link icon. Once you click on this button it concats the post ID in the address bar. That is, it's a link to the certain post in the current topic. e.g. the following link is the post link where I've asked you to leave the URL of the forum. I've clicked on the link icon to get it.  

https://wpforo.com/community/how-to-and-troubleshooting-2/time-and-post-number-overlapping-in-mobile-view-name-missing/#post-27966

 

StocksForum
Posts: 135
Topic starter
(@stocksforum)
Estimable Member
Joined: 6 years ago

Great thanks, and how can I hide this icon from appearing:

3 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 6 years ago

Support Team
Posts: 4472

@stocksforum,

Using the following CSS code:

#wpforo #wpforo-wrap .wpf-parent-post .wpf-left i.fa-rss {
display: none;
}
StocksForum
(@stocksforum)
Joined: 6 years ago

Estimable Member
Posts: 135
Sofy
 Sofy
Admin
(@sofy)
Joined: 6 years ago

Support Team
Posts: 4472

@stocksforum,

To remove the post count and the joined data please use the following CSS code:

.wpf-author-joined, .wpf-author-data .wpf-author-posts{
    display: none;
}

Regarding the extra space before the user name, there is no simple CSS code I can post here. You've hidden the online/offline icon, but the <span> tag is still there. You should make deeper customization in this case. 

I'm really sorry but this requires custom CSS coding and it depends on different dynamic conditions, this is not a stable color and doesn't have a simple solution. Please note, that we don't provide support for style customization, we may help in 1-2 simple questions related to colors and background but not more. We can not help you customize all components of forum style, these are custom requirements and should be done by forum owners. We only help with general questions and issues.

Thank you for your understanding.