Improved Mobile Responsiveness

[eric1985]

This is a follow-up to #1933.

The patch from ticket #1933 appears to no longer work. See ScavengerLife.com - ​http://www.scavengerlife.com/forums/topic/postman-pickup-christmas-gift-amount

[mercime]

This is not a bbPress issue. Following were noted:

1. A plugin or customization moved div.bbp-reply-content out of <li class="bbp-body"></li> which is required hook for the mobile style (max-width: 480px)

    #bbpress-forums .bbp-body div.bbp-topic-content, 
    #bbpress-forums .bbp-body div.bbp-reply-content {
      clear: both;
      margin: 10px;
      padding: 0;
    }

2. Remove the following custom style added. This is already covered in bbpress.css for desktop view.

#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
  margin-left: 140px;
  padding: 0;
  text-align: left;
}

[netweb]

Thanks @mercime, @eric1985 can you confirm this please?

[eric1985]

Replying to netweb:

Thanks @mercime, @eric1985 can you confirm this please?

Doing testing on the plugins now. No idea where the duplicate CSS may have come from. I checked the theme's custom bbPress CSS and it doesn't exist there. Any ideas based on past experience?

[mercime]

@eric1985 The main issue is that div.bbp-reply-content was strangely moved out of <li class="bbp-body"></li> which is required for the mobile style (max-width: 480px)

Basic troubleshooting:

1. Deactivate all bbPress add-on plugins (not bbPress), clear cache, and check if mobile view has been resolved.
2. If that doesn't work, do # 1 and also change from your current theme to the Twenty Seventeen or Twenty Sixteen theme and check whether the mobile view has been corrected.

Closing this ticket. We can still continue the conversation here or better yet, at the bbPress support forums ​https://bbpress.org/forums/