/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. BuddyBoss Full Width Beyond Until 1800px

BuddyBoss Full Width Beyond Until 1800px

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/

Was this article helpful?

Related Articles

Related Helpful Links

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

  • This field is hidden when viewing the form
  • This field is for validation purposes and should be left unchanged.

Need Support?

Can't find the answer you're looking for?
Support

Test Sidebar

To speak to our Agency consultant, fill in the form found at our Contact Page.

"*" indicates required fields

Get Started

Enter your name and email address to get started with your project...

Name*
Profile photo of
Not recently active