[Resolved] bbpress search bar location and styling

[Max]

Tom

I am currently using the standard set up for bbpress search menu. That is, just one bar located on the forum index page. However, I notice that if I view it in the customizer in portrait phone view that the button remains the same size (is not responsive). Looks terrible as it sits nested to the right of the breadcrumbs.

I also notice that here on this site you have hidden the standard bbp search bar with css, then added your own to the top of each page.

By default bbpress is not added to the standard WP search. You can however run a snippet to add bbpress forums, topics and replies as customs posts to the WP search.

My questions are:

1. Is the search bar you are running here on this forum just the standard bbpress one?
2. How did you locate/add the search bar at the top of each page?
3. I noticed on this site in phone view the search button is full width with the search button full width below the search field. How did you achieve/style this.

Thanks in advance for any assistance.

Kind Regards

Max

[Tom]

Hi Max, I’m just using the bb_search_form shortcode in GP Hooks: https://codex.bbpress.org/features/shortcodes/

<?php if ( is_bbpress() ) : ?>
    <div class="gp-forum-search">
        [ bbp-search-form ] <!-- remove the spaces in the shortcode -->
    </div>
<?php endif; ?>

You can use the Inspect element tool in your browser to check out the associated CSS with the search form to see the mobile styling etc.. 🙂

• This reply was modified 6 years, 10 months ago by Tom.

[Max]

When I use that shortcode I also get forum breadcrumbs appearing directly above the search box?

[Tom]

Not sure why that would happen – that’s the exact code taken from this site and there’s no breadcrumbs.

[Max]

Conflict with other shortcode bbpress advanced stats.

[Author]

Posts