How to make a search is "horizontal layout"?
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page pleaseIf you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
I would like to make the search in horizontal layout.
Hello
Try to add CSS:
.mdf_shortcode_container .mdf_input_container {
display: inline-block;
width: 33%;
}
.mdf_shortcode_container .mdf_input_container_taxonomies {
display: inline-block;
width: 33%;
}
Hi,
The CSS code is not work. It is no change.
Hello
Ok
.mdf_shortcode_container .mdf_input_container {
display: inline-block;
width: 33% !important;
}
.mdf_shortcode_container .mdf_input_container_taxonomies {
display: inline-block;
width: 33% !important;
}
Result: https://c2n.me/47uiI14.png
Hi,
On the Computer is good, but on mobile phone is look funny. I want the search on mobile phone is vertical.
Hello
Add CSS
body[data-elementor-device-mode="mobile"] .mdf_shortcode_container .mdf_input_container {
width: 100% !important;
}
body[data-elementor-device-mode="mobile"] .mdf_shortcode_container .mdf_input_container_taxonomies {
width: 100% !important;
}
body[data-elementor-device-mode="mobile"] .mdf_shortcode_container .mdf_input_container_taxonomies {
width: 100% !important;
}
body[data-elementor-device-mode="mobile"] .mdf_shortcode_skin_col1_1 select {
width: 91% !important;
}
Hi
Also the top part is not align (mdf_taxonomy_product_type)
Hello
Unfortunately, customization of the code is not included in the support.
You can hire a developer to customize CSS.
.mdf_search_form .mdf_input_container_taxonomies{
vertical-align: middle;
}