Search Results for 'horizontal'

[Trevor]

Is the problem that you want it to be horizontal?

[Anonymous]

http://www.indiaheritagedesk.com/search-filter/ on this page i want to put horizontal search bar which can search hole website.

[Anonymous]

Hello, i want to put horizontal search form on different page of my website, how can i do it ?

And can it search category and post through out the website. Becuase when i am trying do it not found result shown.

[Trevor]

There are many threads about adding custom CSS, such as this one (note that the form ID may need changing to match the ID of your form):

https://support.searchandfilter.com/forums/topic/sf-horizontal-the-final-solution/

[Anonymous]

How to arrange the search fields horizontally?

[Trevor]

OK, my guess is that using the Shortcode Display method is the route to go.

First, the search form. The standard S&F Pro search form is vertical, but can be made horizontal quite easily using custom css. Search this forum with the keyword horizontal and you will find posts about this.

The shortcode method is documented here:

http://www.designsandcode.com/documentation/search-filter-pro/search-results/using-a-shortcode/

Assuming that you able to make a WP Page in your theme, are you able to add the form shortcode to get the form to appear when you browse to that page? (you may have the ability to place the form using the WP Widgets feature, depending on hoe the theme is made (it is not one that am familiar with).

[Trevor]

You can alter widths to percentages (of the outside container), and you can use CSS media queries to target certain devices. I do not know what break points your theme uses, but I would be inclined to make the form vertical at 767px and under. So, the custom CSS you have to make it horizontal, put that inside a media query like this:

@media only screen and (min-width: 768px) {
// your horizontal CSS code here
}

You will probably need to set the li elements to width: auto and the widths of the elements themselves as I said to percentages or pixel widths.

[Trevor]

Hi

These posts will help guide you, I hope, if not, get back to me with a live page to examine:

https://support.searchandfilter.com/forums/topic/search-and-filtres-displayed-horizontaly/

https://support.searchandfilter.com/forums/topic/sf-horizontal-the-final-solution/

[Trevor]

In the first instance, may I refer you to these threads:

https://support.searchandfilter.com/forums/topic/search-and-filtres-displayed-horizontaly/

https://support.searchandfilter.com/forums/topic/sf-horizontal-the-final-solution/

[Trevor]

Before I answer, could you say what level of skills you have with HTML/CSS and PHP?

I ask this because option 1 is the most flexible but if you wish to style the results, requires some work from you. The results simply use our own template which is fairly simply to modify.

On the other hand, option 2 is the simplest, but you have to find the most appropriate template php file from the theme for this method. Some themes, like Avada, make this hard because they do not follow WordPress ‘rules’ on how to structure these templates. Whilst we DID do a lot of work to figure how to get Avada working, it WAS a lot of unpaid work, and at this point of time neither Ross nor I have the time available to to undertake that type of work. I cannot know what your theme looks like without you sending admin logins to me (using private reply). So, in summary, either option 2 works as soon as you figure the correct template to use (usually the blog template) or it can be the hardest.

Making the results appear horizontal integration, perhaps you could show me what you mean? Most people ask for the search form to be horizontal, not the results, which I cannot envision?