Default Search Block


I am doing some testing using the WordPress Search block, as there is a spacing issue between the CTA and the input field on one of the websites I’m working with.

I’m going to be testing if the issue is isolated to the site where I took that screenshot from, or if it’s a Core issue.

I’m starting by adding the block to this post 👇

And I can see immediately that the issue was isolated to the specific site, as on my site there is a gap between the input field and the CTA.

For those interested, the solution was to overwrite the flex-basis of the input search (.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input) from 0 to 100%

Image credit: taken from https://jetpack.com/upgrade/search/


Leave a Reply

Your email address will not be published. Required fields are marked *