History: Site Header (Page Header) Strategies
Source of version: 4
Copy to clipboard
An important part of responsive web design is good site identity and navigation in all display sizes. This page demonstrates and describes several methods to configure the site header area.
!! The search form
The general information about configuring the search feature is here: [https://doc.tiki.org/Search]. When used in the site header, the search form generally isn't displayed as a normal module, with box/panel border and title, etc. (appearance depending on the theme). Instead, it has the parameter ''nobox=y'' set so that only the search input and button are shown.
{DIV(class="row")}{DIV(class="col-sm-4")}
But this takes up two rows as the buttons are positioned below the input, which may be too much vertical space.
{img fileId="175"}
{DIV}{DIV(class="col-sm-4")}
If the "Compact mode" parameter is set to "y", then the form uses only one line, which is the most compact vertically.
{DIV}{DIV(class="col-sm-4")}
The buttons appear on a mouseover.
{DIV}{DIV}