[Resolved] Making the search function and results mobile responsive and aesthetic

[Author]

Posts

[davidP-36]

Tell us what you are trying to do?
I am trying to make the mobile search option display differently so it is easy to read and use. I think having the search parameters displayed in rows instead of columns will fix the issue. I would also like the display results to be listed in rows so that the right hand column isn't squished and that images are preserved. I am using Divi Builder

Is there any documentation that you are following?
I used this documentation https://toolset.com/forums/topic/can-i-make-a-mobile-version-on-toolset/ to create container blocks in a draft home page. I set one container to visible on mobile display and one container to visible on tablet/desktop display. When I shrink the screen window to imitate mobile view, no search function or results display. The same happens when I drag the screen beyond a certain size.

I tried to use this page https://toolset.com/course-lesson/creating-a-custom-search/#steps-for-creating-custom-searches
to create a search but the directions do not match the process and what comes up. I am working with wordpress and Divi.

Is there a similar example that we can see?
hidden link
This is the draft homepage I created. Right now, it has two containers as mentioned above. However, images never display on the page now, and when the window is too large or too small, no search bar or results appear at all.

What is the link to your site? This is the current main page that I am trying to update
hidden link

[Minesh]

Hello. Thank you for contacting the Toolset support.

Here is the Doc that you should try to follow:
- https://toolset.com/course-lesson/creating-responsive-designs/
- https://toolset.com/course-lesson/responsive-columns-and-grids/

If you are using Divi you should also check the following Docs:
- hidden link
- hidden link