Forums › Forums › Search & Filter Pro › Show horizontal in mobile and vertical on desktop and tablet

Viewing 1 post (of 1 total)
  • Ross Moderator
    (Private)  January 27, 2021 at 1:14 pm #274259

    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

  • Author
    Posts
Viewing 1 post (of 1 total)