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.
