Live Search Icon Alignment Issue

Hi @meir321 ,

Hope you’re doing good.
I could not able to reproduce this issue on my end. It seems perfectly aligned on my end have a look: https://d.pr/i/Ux05Pb

Can you please share your page URL so that I can check this issue on your website and assist you with this?

Thank you!

Hi, it’s compudime.com/docs. Thanks

Hi @meir321 ,

Sorry for the late response.
Well, it seems the input field style is conflicting with your theme. Have a look: https://d.pr/i/XQc0W1

To prevent this issue, you can add this custom CSS on your stylesheet:

input#betterdocs-search-field {
    margin-bottom: 0px !important;
}

.betterdocs-searchform {
    padding-bottom: 15px !important;
}

I can see that you’ve added a CSS(padding-bottom) set as 0 on your stylesheet. So you need to replace it with that 15px; per my second CSS.

Hope you understand.

Note: You can easily apply custom CSS by following this documentation: https://essential-addons.com/elementor/docs/faq/apply-custom-css-elements/

Let me know how it goes!

Hi, I added the CSS in Additional CSS in the Customizer and it fixed the issue. Thanks!

Hi,

For some reason the alignment is off again even though the CSS is still there, do I need to change something?

Page link: https://compudime.com/search/