[Resolved] How can i hide original filter on mobile? I have the filter in a modal/popup

[Author]

Posts

[andersN]

Tell us what you are trying to do?
I have the view filter configured in a modal/popup and now i want to hide the original filter i mobile view.

Is there any documentation that you are following?
Could not find anything that answered my question.

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

To suggest the best way to achieve this, I'll need to see how this view is set up.

Can you please share temporary admin login details along with the link to the page where this can be seen?

Note: Your next reply will be private and please make a complete backup copy, before sharing the access details.

regards,
Waqar

[Waqar]

Thank you for sharing the details.

The view results and the inline search form are shown stacked on top of each other in mobile view when the screen width is less than 600px.

To hide that search form in this mobile view, you can use custom CSS code:
( ref: hidden link )

Example:

@media only screen and (max-width: 599px) {
.wp-block-toolset-views-custom-search-container {
display: none;    
}
}

The above code can be added in the view's custom CSS field.
( screenshot: hidden link )

[andersN]

My issue is resolved now. Thank you!