[Resolved] Making Search Results Page Contained

[Mindy]

Hello, I am trying to do the entire site “contained.” I cannot figure out how to get the contained layout on the search results page. Strange looking: https://goo.gl/IrV7IE

Thanks!

[Leo]

Hi Mindy,

I am pretty sure that’s coming from the beaver builder setting.

You can see that this page is also full width as well: http://salivary.staging.wpengine.com/become-our-patient/

I would recommend going through BB settings first. If not then you can try this CSS:

.fl-builder.no-sidebar .container.grid-container {
    max-width: 1400px;
}

Let me know if this helps.

[Mindy]

Leo, that css is great, thank you!

Any idea why the search results are going completely to the edge on pages 1 and 3 of the search results but look good on page 2? https://goo.gl/IrV7IE

Thanks!

[Leo]

Think that’s BB again…Try this:

.search-results.fl-builder.one-container.no-sidebar .site-content {
    padding: 40px;
}

[Mindy]

That definitely made the search results page look great, however, on all the other pages where the content is meant to go all the way to the edge, it does not anymore.

[Leo]

Edited the code above. Give it another shot?

[Mindy]

Hmm, that does not seem to work :-/

[Leo]

Slight adjustment in code above again. Try again please 🙂

[Mindy]

Ah, WONDERFUL! Thank you so much for your patience and amazing help Leo!! You’re the best! Enjoy your weekend!! 😀

[Leo]

You’re welcome 🙂 You as well!

[Author]

Posts