Visualization problem

[splash94Participant]

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 MarcinkoKeymaster]

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:

.asp_main_container {
    min-width: 500px !important;
}

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 🙂

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[splash94Participant]

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

[Ernest MarcinkoKeymaster]

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:

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

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.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts