Search bar display

Hello,

As you can see in the image below the text that is displayed in the search bar is getting cut off by a white border. Is there anything I could do in order to remove it?

Thank you

Attachments:

You must be logged in to view attached files.

Try adding the following custom code to the Global Custom CSS Area to reduce the padding inside the mobile search.

.wd-header-search-form-mobile .searchform input[type="text"] {
    padding-inline-start: 10px;
    padding-inline-end: 37px;
}

Please note that while this custom code will decrease the padding on mobile, some text may still not be fully visible in the search due to the limited horizontal space. For further improvement, it may be necessary to reorganize the header layout.

Kind Regards

Hi

I added it and the problem still persists.

Thank you

We checked your site and confirmed that the custom code we provided earlier is working correctly (screenshot: https://monosnap.com/file/ROcWHvBDl868MpsyvUXWLYvSQF8jb8).

If it is not working on your end, please make sure to clear the cache on your site and in the browser you are using. Alternatively, try accessing the site in an incognito tab.

Kind Regards

[Author]

Posts