Rebuild the header markup
A new header with the logo centered and the search as a full-width bar.
Life cycle: Redesign, example 3 of 34. Worked out on the Fit & Healthy site of Exponential 6.0.15+.
Contents
In the Layouts editor
No layout change: the header template block of Header / Footer includes pagelayout/header.tpl (How the header is built).
With templates
- Copy
extension/sevenx_themes_media/design/media/templates/pagelayout/header.tpltoextension/mysite/design/media/templates/pagelayout/header.tpl. - Rearrange the includes (
content/parts/site_logo.tpl,pagelayout/header/main_menu.tpl,search_box.tpl,user_menu.tpl,language_selector.tpl) or write new markup; keep the menu include unless the menu changes too. - Clear Template & content and check a page that uses it.
Which to choose
The header is design: templates.
Check
- Every page, with and without a layout, shows the new header.
Related pages
- How the header is built
- Your own design extension
- Redesign examples, every page
- Free documentation: this page is free to copy, translate and improve under the GNU FDL 1.3.
Become an Exponential Partner
Partners share their information, provide funding, contribute back and develop the products with us, and that is how Exponential grows. A partner website and dashboard are planned for mid-2027: please become a partner today to speed up our growth rate and land new features faster.