LiveSearch bar looks bad on mobile size screen

  • Resolved rotameise

    (@rotameise)


    8 months, 2 weeks ago

    Hello,

    the LiveSearch bar looks great at dedsktop size. At tablet/mobile size however, it looks very skewed. The textbox seperates from the border. I have tested it with Kadence, Astra and Neve, as well as the native LiveSearch and the shortcode. The problem is always present. I have attached images of the problem.

    desktop
    mobile

    Is this a bug, or does this always happen?

    Regards.

    • This topic was modified 8 months, 2 weeks ago by rotameise.
    • This topic was modified 8 months, 2 weeks ago by rotameise.
    • This topic was modified 8 months, 2 weeks ago by rotameise.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter rotameise

    (@rotameise)

    You can reproduce the problem on this page as well by making the windows small enough: https://rd-factsheets.de/fs/

    Plugin Support Zeba Afia Shama

    (@zebaafiashama)

    Hi @rotameise

    I hope you are doing well. I am so sorry for the delayed response.

    The design for the mobile version of Live Search is different, but if you want to show the same design like desktop mode, then please use this custom CSS.

    @media only screen and (max-width: 600px) {

.betterdocs-searchform-input-wrap {
border: unset !important;
height: 15px !important;
margin-bottom: 2px !important;
padding: 3px !important;
}
}

    You can simply navigating to your?WordPress Dashboard -> Appearance -> Customize.

    After you are on the Customizer page, search for the?‘Additional CSS’?option. You can then go ahead and insert CSS Code Snippets.

    Thank You?

    Thread Starter rotameise

    (@rotameise)

    That solves it. Thank you.

    Plugin Support Zeba Afia Shama

    (@zebaafiashama)

    Hi @rotameise

    I am glad I was able to help, please feel free to contact our support anytime you need help, we are always here to help.

    If you don’t mind me asking, could you do me a favor, and spend 30-sec to review us following this link, this will help us to serve better.

    Thank you in advance!

    Link to review – https://www.ads-software.com/support/plugin/betterdocs/reviews/#new-post

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘LiveSearch bar looks bad on mobile size screen’ is closed to new replies.