By default, the platform does not have this option. You can use the following CSS code.


Please follow the steps below:


1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:


/* START of WIDE-SCREEN STYLING */
@media screen and (min-width:1201px) {
  .container {
    max-width: 1800px; /* stretch limit */
    }
    #primary {
    max-width: 100% !important;
    flex: 3 0 250px;
    }
    .widget-area:not(.widget-area-secondary) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 180px;
    flex: 1 0 180px;
    max-width: 550px; /* stretch limit */
    min-width: 280px; /* shrink limit */
  }
  /* Forum */
  .activity-list li.bbp_reply_create .activity-content .activity-inner, .activity-list li.bbp_topic_create .activity-content .activity-inner, .activity-list li.blogs .activity-content .activity-inner {
  max-width: 100%;
  }
  /* Forum Images */
  .bb-media-length-1 .bb-activity-media-elem .entry-img img {
  min-width: 100%;
  }
  .activity-list li.bbp_reply_create .bb-activity-media-wrap, .activity-list li.bbp_topic_create .bb-activity-media-wrap {
  padding: 0 10px;
  }
  /* Video & Docs */
  .bb-activity-media-wrap, .bb-activity-video-wrap, .activity-list .bb-video-wrapper, .video-activity-wrap {
  max-width: initial;
  }
  /* Photos */
  .bb-media-length-1 .bb-activity-media-elem.media-activity {
  flex: 0 0 100%;
  }
}
/* END of WIDE-SCREEN STYLING */


4. Save changes.


Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/