Search form mobile view

Anonymous

#243141

Good evening. Can you help me with mobile view of my search form, please? I wont each field is below the other (N.B. for this search form I added the code for horizontal display). Thank you.

Ross Moderator

#243162

Hi pas7o

We will need to change the horizontal css slightly, try this (replace the old CSS):

@media (min-width: 480px) {
	.searchandfilter > ul > li {
		display: inline-block;
		vertical-align: top;
		padding: 0 20px;
	}
}

You can change the 480px to target the width that you want for the device you need – so in this case, it will only show the search form horizontal, if the device width is over 480px

Thanks

Anonymous

#243172

Perfect! Can I have my search form in center, please? Both in dekstop and mobile view.

Ross Moderator

#243289

I’m not sure what you mean – can you explain with an example? This might require some custom work.

Thanks

Anonymous

#243291

I need:
– centered search form (only for horizontal styling)
– same length for fields (button included)
– change fields background-color
– change fields text color
– change button color
– change button text-color

It’s possible?

Trevor

#243327

Ross has passed this thread to me. Is this the same site as this thread?

https://support.searchandfilter.com/forums/topic/search-form-customize-styling/

If so, I will continue on that other thread and close this one, if you will let me know?

Anonymous

#243329

You can close this. We continue on that other. Thank you.

[Author]

Posts