Hi there.
I just added a bit of sample data from my site into your sandbox (hidden link) and I was able to recreate the issues. There are 2:
1) duplicates. I know you mentioned before some custom PHP code to remove the duplicates, but I don't know anything about PHP so I can't follow what you're saying. Maybe you can test it and see if there are other ways to do it? A search brings up a couple of previous tickets entered for the same issue, but I tried their code and it doesn't work for my site. Assuming it's because it's looking for pages/posts I don't have. Topics I looked at for this:
https://toolset.com/forums/topic/how-to-remove-duplicates-in-multi-relationship-views/
2) On the editing page, when I use the CSS to change it to horizontal instead of vertical, it changes the edit page, but not the preview. I was able to duplicate this on your sandbox as well. However, I remembered there are themes that are recommended for toolset, so I changed the theme from Twenty Twenty Two to Astra. This fixed that issue. However, it's pretty hard to style this field as it seems to be treated as one field instead of 3 individuals. Is there a way to put this field in a grid so that it lines up with other grids on the page, or a way to better style it (give it some space in between, etc)?
2a) is there a way to get other search fields inline with the Makes/Models/Platforms fields? I'd like to put the Categories field next to everything else?
2b) Is there a way for it to be horizontal for desktop and vertical for tablet and mobile devices? I'd like it to be this on desktop:
Make/ Model/ Platform/ Category/
and this on tablet/mobile:
Make/
Model/
Platform/
Category/
Thanks again for all of the help.
-Christopher
kazesupra@gmail.com
For the question 2), it needs custom CSS codes, I have setup a demo in the test site, here are detail steps:
1) Edit the page:
hidden link
find and select view block, in the block setting panel, section "Custom CSS", setup below codes:
@media screen and (min-width: 900px) {
.wpv-custom-search-filter-label-top .form-group {
display: inline-flex;
margin-right: 5px;
}
.wp-block-toolset-views-custom-search-filter{
display: inline-flex;
}
}
Test it in frontend:
hidden link
It works fine. And it is only an example for your reference.
More help:
hidden link
Thank you so much for the help! Apparently I'm going to have to learn some CSS in order to get the website perfect, but you've allowed me to get the functionality I need to get my product up and running smoothly. Thank you very much for your time and effort on this!
