PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]
Cyber Monday 2021
Cyber Monday 2021 timer

Support Forum

You need to log-in to create request (topic) to the support

How to make a search is "horizontal layout"?

This support system is for all types of the plugins as for premium versions, so for free ones! If you have premium version do not forget in the private data of the request (!!not in the text of the support request!!) after its publishing insert purchase code please (see blue-green button on the right side) and press Save button.
If 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;

}