Search page is unformatted and full width

[Dave Porter]

Hi Tom,
The site above that I have been working on is almost done and ready to go live.
One thing I just noticed is that if I do a search, the resulting search page is un-formatted and full width and therefore looks a bit odd.
Any reason this is happening & what can I do to rectify it ?
TIA, Dave

e.g. http://touchstonesoftware.com.au/ihs/?s=ryegrass

ps The site is using Beaver Builder to design the pages…

[Tom]

Hi there,

I believe this is a bug in Beaver Builder which adds the BB class to the body on the blog/archives/search results if one of the pages/posts has BB enabled.

In the next version of GP, we will only make things full width with BB if the layout is set to no sidebars, which should fix issues like this.

For now, try this CSS:

.fl-builder .container.grid-container {
    max-width: 1250px;
}

.no-sidebar.fl-builder .container.grid-container {
    max-width: 100%;
}

[Dave Porter]

Thanks Tom,
I added that to Simple CSS, but it didn’t seem to make any difference ?
Cheers, Dave

[Tom]

Hmm, they really need to fix that bug.

Try this:

.fl-builder .container.grid-container {
    max-width: 1250px;
}

.no-sidebar.fl-builder:not(.search) .container.grid-container {
    max-width: 100%;
}

• This reply was modified 8 years ago by Tom.
• This reply was modified 8 years ago by Tom.

[Dave Porter]

Hi Tom,
Still no cigar I’m afraid 🙁
I tried adding !important to the two entries, but that made no difference…
If you need admin access let me know.
Thanks, Dave

[Tom]

Can you try the updated code above?

Also, are you using the latest version of BB? I know they were aware of this issue a couple months back.

[Dave Porter]

Hi Tom,
Yep, that seems to have cracked it – thank you so much…
And yes I am using the latest version of BB
Do you want me to mention this issue with them ?
Regards, Dave

[Tom]

Might be worth poking them again 🙂

[Author]

Posts