Search Results Page Error

Beaver Builder
1

Hi BeaverBuilders

The search results page on certain sites are displaying incorrectly and I’m having a little problem fixing it, any ideas?

You can view it here: https://kryohost.com/?s=email

Many thanks…

Warmest regards,

Athlone

2

Hey Athlone,

Thanks for getting in touch! This is caused by the CSS you’ve applied to achieve the full width layout using your theme. Try adding this CSS snippet.

/* Fix search results page */
.search-results.fl-builder .site-inner .wrap {
  margin: 0 auto;
  max-width: 1280px; /* Adjust accordingly */
}

Hope this helps!

Ben

3

Hi Ben

Thank you for the quick reply. And welcome to the BeaverBuilder team.

Many thanks, it’s more than the wrap width, Entry titles and other items are not displaying. I think I’m going to have to get a custom search results page unless there is a quicker solution you know of?

Warmest regards,

Athlone

4

Hey Athlone,

Sorry, the layout was the first thing that came to mind when I visited the page. The class entry-headers are being hidden via CSS. This snippet should fix that.

.search-results .entry-header {
  display: block;
}

What do you mean by other items? Items that should have been included in the search but wasn’t?

Ben

5

Hi Ben

No worries, I was very vague in my first post, my bad.

Woohoo! Super, that works, thank you. This is a Genesis child theme and some of the features are not showing but are not critical as BB is being used on most of the other pages.

Thanks again Ben

Warmest regards,

Athlone

6

No problem, Athlone! Glad I could help. Enjoy The Beaver! :slight_smile:

Ben

7

Hi Beavers

2 more errors discovered on the search results page with a solution that’s eluding me, any help is much appreciated.

On page 2 of the search results the sidebar is missing: https://kryohost.com/page/2/?s=email

On page 3 it’s full width:https://kryohost.com/page/3/?s=email

Any ideas?

Thanks in advance for any assistance.

Warmest regards,

Athlone

8

Hey Athlone,

Sorry but it seems that’s already part of the theme. I checked the markup of the page and the sidebar is nowhere to be found. You might need to create a standard search page template. More of that here.

Ben

9

Hi Ben

Thank you for your prompt reply.

I wondered about that too but could that be so as on page 1 the sidebar is there? As seen here? https://kryohost.com/?s=email

I’ll contact StudioPress Support and let you know what they say.

Warmest regards,

Athlone

10

Hey Athlone,

I really can’t say what’s causing that as I’ve no experience with the theme.

That would be the best thing to do. Let me know what they say and we’ll take it from there.

Ben

11

Hi Ben

Thank you for your reply.

StudioPress support quickly came back quickly with answers and two possible fixes.

The theme uses a full-width layout on search pages including the first one so it was a matter of enforcing it in the functions.php file or with CSS. As the former would not work the fix was with the CSS below:

You could alternatively hide the sidebar on search pages with CSS:

.search-results .sidebar {
display: none;
}

.search-results .content {
float: none;
margin: 0 auto;
}

The results: https://kryohost.com/?s=web%20hosting

Ben, thanks again for your quick responses. Each time I deal with BeaverBuilder support I’m more impressed.

Warmest regards,

Athlone

12

Hey Athlone,

No worries! Glad you figured it out and thanks for sharing the solution! Enjoy The Beaver! :slight_smile:

Ben

13

Hi Ben

Thank you for the reply.

You’re welcome and thanks for the excellent support, as always.

Warmest regards,

Athlone