Search results page layout

Support
#1

Hi there,

I’m trying to slightly alter the layout of my search results page. At present, it displays as one column, which obviously isn’t ideal. Is there a simple way to make the results display over three or four columns?

You can go to http://chriswheeler.co/ and search for ‘ski racks’ to see what I mean.

Thanks!
Shaun

#2

Ah - I found a bit of CSS in another request:

.search.search-results article {
width: 33.2%;
display: inline-block;
vertical-align: top;
padding: 30px;
}

That can be tweaked but to be honest, doesn’t really give the results I want. I only really want to search by product so I guess I’m looking at a plugin to do the job. No problem, please close this!

#3

Sorry - before you close this.

I’ve been trying to get Essential Grid to work as a search results page. I’ve read elsewhere here that it isn’t possible, but I’ve got it to work using Search Inline. However, using the Integrity stack, clicking on the search inline box opens up a large, full screen content area - which I don’t want. Is there any way just to input the text in the search box as one normally would?

#4

Hi there,

Are you referring to the search option that is on the header? If so, it seems that you are using the modal search element in the header builder. Try using the search inline element instead.

Hope this helps.

#5

Hi, thanks for your reply!

Sorry, should’ve given you a link.

http://chriswheeler.co/roof-racks-for-vans-and-commercial-vehicles

You’ll see I’ve got the modal and the search inline element in the bar there. If you use that search inline, it opens another window, whereas I just want to type it in the actual search inline bar. Hope that makes sense!

Thanks,
Shaun

#6

Hello There,

Thank you for the clarifications. Search inline should be working as what you have in mind without any other search icons in your menu. Please remove the search modal first because it is causing a conflict with the search inline element.

Please let us know how it goes.

#7

Hi, thanks for your reply.

I duplicated the header, removed the modal and assigned it to a test page:

http://chriswheeler.co/hello-world

As can see, when I click on the inline search box to enter text, it opens a full page search entry box.

Thanks,
Shaun

#8

Hi @ShaunCoward,

That’s from Essential Grid, you should disable it if you don’t wish to utilize it. Is it related to this? https://www.themepunch.com/essgrid-doc/global-search/, you can remove it the same way how you added it.

Thanks!

#9

Ah, of course!

Please mark as closed, thank you!

#10

You’re welcome! :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.