Visualization problem

[splash94]

Hi, I put your fantastic form on my revolution slider static layer and the form is really small I would like to make it bigger. What can I do?
Thank you
Francesco

[Ernest Marcinko]

Hi Francesco,

I have two possible suggestions:
One is to simply change the search bar width to a static pixel value, instead of the default ‘100%’ width, for example, to change it to 500px width: https://i.imgur.com/iqHOodR.png
You can change it to any value of course.

Another possibility is to set a minimum width via custom CSS, so the actual width stays 100%, but there will be a minimum width the bar has to respect, for example:

[html].asp_main_container {
min-width: 500px !important;
}[/html]

Apply this code to your theme custom CSS field (if it supports it) or use the custom CSS field on the search plugin back-end.

Use whichever solution fits your needs better 🙂

[splash94]

Thank you, but doing this there are problems with responsiveness 🙁

[Ernest Marcinko]

Hi,

It depends on the container width and position as well, so if the layer item width gets small, it affects the search bar as well.

Maybe using a media query custom CSS, something like this:

[html]@media screen and (max-width: 523px) {
.asp_main_container {
width: 340px !important;
min-width: 340px !important;
margin-left: -120px !important;
}
}[/html]

So this basically changes the bar to 340 pixels width on screens lower than 524 pixels, and kind of positions it to the middle with a negative margin due to the small inner layer. This should be close to a possible solution.

[Author]

Posts