CSS Customization - How to display 4 Search Fields on the dynamic search form in 1 row?
1 minute read
1. Add this CSS below (In this article you can find information how to add custom CSS to any WordPress Theme: How to add CSS code that is future update compatible)
css
@media (min-width: 768px) {
.mh-search-horizontal .mh-search .mh-search__element {
width: 50%!important;
}
}
@media (min-width: 1023px) {
.mh-search-horizontal .mh-search .mh-search__element {
width: 25%!important;
}
}
2. Edit page
3. Edit search form and set "Number of filters to show before the "Advanced" button" to 4
5. It will look like this
Ask the people who build MyHome WPBakery
We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.
We can also run your site for you, or build a new one.
Was this guide helpful?