Twenty Fourteen Hide Left Sidebar For Search Results

Haz,

Does the hide sidebar for search results work with Better Search deactivated?

Thanks for getting back to me so quickly. No, the full screen option for search results does not work regardless of whether Better Search is Active or not.

I have reached out to the authors of Fourteen Extended, but have not heard back yet

Is there a syntax I can add to my child theme to make search results full width? Any thoughts?

Ajay, I’m still trying to sort this out.

Better Search shows search results full screen but twenty fourteen has the left sidebar covering about 25% of the results. I could hide the left sidebar entirely and then Better Search can be seen, but I like the left sidebar.

Is there any way to have Better Search show results in the remaining part of the screen when the left sidebar is showing?

Alternatively, is there any way to hide the left sidebar so the search results are full screen? I have tried (and retried) the appropriate option in Fourteen extended and does not work.

Any help would be appreciated.

https://www.aquariumcarebasics.com/

Haz,

Have you tried activating “Seamless integration” on the General Settings page?

Yes, I tried “Seamless integration” but it takes away the great look of your search results.

The funny thing is Better Search is returning full screen results on an ipad, but not on a desktop. The search results look great on an ipad. If I can get it to return the same way on a desktop it would be perfect.

Please go to my site from a desktop and search for “amano shrimp” for instance and see how the 25% of the search results are tucked under the left sidebar.

Im figuring that this is really a Twenty Fourteen issue as opposed to a Better Search issue, but I would really appreciate your thoughts on this matter.

Thanks a million!

Haz

Under custom styles in the Better Search settings page, can you add:

#bsearchresults {
margin-left: 200px
}

Adjust the 200 above to a number you think works best for your site.

Hey Ajay…thanks a MILLION. It worked perfectly. I added the syntax to my child css and bingo, I’m in business.

Your Better Search plugin is amazing. Not only because it looks neat and clean, but because it also includes bbpress in the results.

Haz

Opps, I spoke to soon! Your fix works well for a desktop, but now on mobile devices the search results are not properly centered. I still think the best solution is to make the search results full screen and hide the left sidebar for search results.

I know the issue is not your plugin but do you have any idea what the syntax may be for that?

Haz

Could you please try this:

@media only screen
and (min-width : 1224px) {
#bsearchresults {
margin-left: 200px
}
}

Hi Ajay, I just tried this and it seems to work great. Thanks for all your help with this.

You’re welcome. Do consider a review of the plugin, if you haven’t already.

Hi there,

I need help please in getting the search to work at all. I type a word and no results, anything I type no results. how can I make this work?

I have posts, comments, no pages.

Thanks!

Mosotex, please create a new post with your site url and detailing the problem.