Forums › Forums › Search & Filter Pro › Search form mobile view

Viewing 7 posts - 1 through 7 (of 7 total)
  • Anonymous
    (Private)  May 8, 2020 at 5:48 pm #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
    (Private)  May 8, 2020 at 6:58 pm #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
    (Private)  May 8, 2020 at 7:05 pm #243172

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

    Ross Moderator
    (Private)  May 11, 2020 at 12:00 pm #243289

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

    Thanks

    Anonymous
    (Private)  May 11, 2020 at 12:01 pm #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
    (Private)  May 11, 2020 at 1:17 pm #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
    (Private)  May 11, 2020 at 1:19 pm #243329

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

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)