Changing the Size of the Header (Classic UI)
In Version 3, we’ve significantly reduced the size of the search interface in order to make the search results and screen content more prominent. As a result, the logo area of the header has been decreased to permit these changes.
The following figure shows the default space that is allotted to the logo in the header area:
Default Logo Area
If you want to modify the header to expand the logo or add new functionality, you can make the following modification to the Primo CSS files, as follows:
#exlidHeaderTile{width:70%}
.EXLSearchWrapper{clear:both}
#exlidMainMenuTile {margin-top:0px}
The result of this code displays as follows:
Expanded Logo Area
It pushes the MainMenuTile down slightly, but it provides a much larger logo area.
Alternatively, if you want to provide a logo area that covers the entire header space but sits beneath the Primo functions, try something like this:
#exlidHeaderTile{width:100%;}
.EXLSearchWrapper{clear:both;}
#exlidMainMenuTile {clear:none; z-index:20;margin-top:0px}
#exlidUserAreaTile {position:absolute;right:0px;top:0px;z-index:20;}
The result of this code displays as follows:
Logo Area Expanded Over Entire Header