Search Results for 'horizontal'

[Anonymous]

Is there any way to make the custom layout responsive for mobile?

The horizontal template works well on desktop but it is not responsive?

[Trevor]

You will find some CSS to make the form horizontal here:

https://searchandfilter.com/documentation/getting-started/display-search-form/

There are also many CSS snippets for styling the form in the forum, see this forum search:

https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter

[Trevor]

You will find some CSS to make the form horizontal here:

https://searchandfilter.com/documentation/getting-started/display-search-form/

There are also many CSS snippets for styling the form in the forum, see this forum search:

https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter

[Anonymous]

Hello,

How can I change the search form to appear horizontal (side-by-side) as opposed to the default vertical option (one under the other).

Thank you,
-Mahamoud

[Ross]

Hi Robert

You can add the following CSS:

/* default is vertical */
@media only screen and (min-width: 600px) {

	/* make horizontal */
	.searchandfilter > ul > li {
		display: inline-block;
		vertical-align: top;
		padding: 0 20px;
	}
}

This means by default the form is vertical.
Then, any screen size over 600px width, will have the extra CSS applied, which makes it horizontal.

I didn’t test it but it should work!

Let me know how you get on.

Best

[Anonymous]

Hi,

The search and filter is visible on my website at http://www.legendary-models.com/shop.

I want to make it so on mobile the filters display horizontally and on tablets and desktops – vertically in side bar (as it is at the moment)

I was thinking to create 2 search and filter forms, but how would i hide one on mobile and show…vice versa.

I am using wordpress/elementor.

Please advise,
Thanks

[Trevor]

Correct on the first two questions.

You will find some CSS to make the form horizontal here:

https://searchandfilter.com/documentation/getting-started/display-search-form/

[Anonymous]

Thanks Trevor.
In meantime I have found that I need extension for Elementor Pro.

Could I ask you to help me about styling in CSS. I have three components, search and dropdown menu and found the solution how to put them horizontally but I need to spread width of each of them and button submit is to small, how to increase them ?

[Anonymous]

For horizontal display: Add this to your custom css:

.searchandfilter ul li {
display: inline !important;
}

[Anonymous]

Hi
I am using the search form and filter to search and filter category and custom taxonomy. When I run the search .I dont see any appropriate result.
Can you help set this up.
Link to the form.
Also is there a way to display the form horizontally instead of vertically?
https://nog.idreamcareer.biz/stories/
Regards
Devi