Release date: 15 July 2026
This release adds per-search-form width control, allowing the preferred minimum width of the search input to be set through the shortcode.
Added
- Added a new min_width attribute to the cogio_search shortcode.
- Added support for setting the preferred width of the text input independently from the Search button.
- Added support for the following CSS units:
- px
- rem
- em
- ch
- vw
- %
- Added validation to reject unsupported or potentially unsafe CSS values.
- Added a modifier class for search forms that use a custom input width.
Changed
- Search forms using min_width now derive their preferred size from the search input and button rather than automatically occupying the full width of their parent container.
- Custom input widths remain responsive and can shrink when the parent container or browser window becomes narrower.
- Full-width search forms continue to prioritise the align=”full” setting.
- Small-screen behaviour ensures the search form and input fit within the available container width.
Usage
Set the preferred minimum width of the search input:
[cogio_search min_width="500px"]Set the width using rem units:
[cogio_search min_width="30rem"]Combine the input width with alignment controls:
[cogio_search align="right" min_width="500px"]Combine it with other shortcode options:
[cogio_search align="centre" min_width="30rem" dropdown="auto"]Notes
The min_width attribute applies to the search input only. The Search button sits alongside the specified input width and is not included in that measurement.
The supplied value acts as the input’s preferred minimum width when sufficient space is available. If the search form is placed inside a narrower responsive container, the input is allowed to shrink to prevent horizontal overflow.