PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

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

Fields horizontally form

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 please
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.
Codrin(@codrin-2)
5 Posts
Customers
June 23, 2021, 09:45

At this link you can find the fields made with your plugin, and I can't do it in a completely horizontal and responsive way.

Link: https://gmotori.it/ricambi-auto/pompe-gasolio/

 

I would like the forms to look like this, these fields have been done with another plugin.

Link: https://gmotori.it/ricambi-auto/albero-motore/

 

I purchased this plugin as I think it is easier to manage, the only flaw I would like to understand is this of the horizontal search

#1
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
June 23, 2021, 11:33

Hello

Please  delete your  custom  CSS

I  did  some  CSS  result- https://share.pluginus.net/image/i20210623123046.png

.woof_container {
display: inline-block;
width: 80%;
}

.woof_submit_search_form_container {

display: inline-block;
width: 18%;
vertical-align: bottom;

}

#2
Codrin(@codrin-2)
5 PostsTopic Author
Customers
June 23, 2021, 11:56

Thank you very much for your timely reply.

I tried to put the code you gave me, and it didn't come out like in the image you gave me. And even from mobile it's not the best ....

https://gmotori.it/ricambi-auto/pompe-gasolio/

#3
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
June 23, 2021, 12:19

Ok

Add CSS:

.woof_container select {
width: 24%;
}

#4
Codrin(@codrin-2)
5 PostsTopic Author
Customers
June 23, 2021, 12:37

Perfect, work good for desktop

  1. but Is it possible to make it auto fit on the line?
    https://ibb.co/KhRw9XB
  2. On the other hand, how can I proceed for the mobile?
    https://ibb.co/GWwH620
#5
Codrin(@codrin-2)
5 PostsTopic Author
Customers
June 23, 2021, 14:35

I solved it in the following way

@media screen and (max-width: 480px){
.woof_redraw_zone {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.woof_container select {
width: 100%;
margin-bottom:5px;
margin-top:5px;
}
.woof_container {
width: 100%;
}
}

#6
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
June 24, 2021, 10:07

Hello

Ok!  Great!

#7