Visualization problem

This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 4 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14636
    splash94
    splash94
    Participant

    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

    #14649
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


    #14652
    splash94
    splash94
    Participant

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

    #14653
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.