Custom Search Results Page for Beaver Builder Child Theme

search.php

/**
 *
 * BB Theme Search Results Page with no sidebars. 
 * I added as well the ID = "bb-custom-search-result" so you can apply custom CSS to it.
 *
 * Try the CSS below, for example, to remove the right border and increase the width of the search results content.
 *
 * @media (min-width: 992px){
 *	#bb-custom-search-result{
 *		border: none;
 *		width: 100%;
 *	}
 * }
 *
 */
<?php get_header(); ?>
<div class="fl-archive container">
	<div class="row">
		<div id="bb-custom-search-result" class="fl-content <?php FLTheme::content_class(); ?>" itemscope="itemscope" itemtype="http://schema.org/Blog">
			<?php FLTheme::archive_page_header(); ?>
			<div id="search-again" style="padding-top:20px; padding-bottom: 50px">
				<h2>Search Again? </h2>
				<?php get_search_form(); ?>
			</div>
			<?php if(have_posts()) : ?>
				<?php while(have_posts()) : the_post(); ?>
					<?php 
						get_template_part('content', get_post_format());
					?>
				<?php endwhile; ?>
				<?php FLTheme::archive_nav(); ?>
			<?php else : ?>
				<?php get_template_part('content', 'no-results'); ?>
			<?php endif; ?>
		</div>
	</div>
</div>
<?php get_footer(); ?>