To change Twenty Seventeen’s default two-column layout to a full width layout as seen in the image above, add the following code to the `functions.php` file of your Twenty Seven child theme:

[sourcecode lang=”php”]

// Remove the page-two-column CSS class from the body class in BuddyPress pages
function bp_remove_two_column_body_class($wp_classes) {
if( function_exists ( ‘bp_loaded’ ) && !bp_is_blog_page() ) :
foreach($wp_classes as $key => $value) {
if ($value == ‘page-two-column’) unset($wp_classes[$key]);
}
endif;
return $wp_classes;
}
add_filter(‘body_class’, ‘bp_remove_two_column_body_class’, 20, 2);
[/sourcecode]