
Every page in the theme uses the same Header and there are a number of configuration and customisation options.
The design of the Header was influenced by the Scouts 4 WordPress theme but there isn't really anything particularly exotic to it. The key difference the Scouting Challenge theme introduces is a completely different look to the page menu.
It has five main areas.
- An optional full width banner can be displayed across the top of the page. This isn't shown in the image above but there is sometimes one used on this documentation site.
- An optional menu area can be displayed at the top of the Header underneath the banner. This behaves in same way as the default menu area described below. It isn't shown in the image above but this site is using one with a WordPress Navigation Menu.
- The Scout Association's logo appears on the top left of the header. The 2018 brand guidelines seem to allow, or even require, that groups use regional colour logos, though curiously these aren't distributed. The logo defaults to Scout Purple, but Scout Red, Scout Green and Scout Blue are also available. You can upload your own choice of logo to the Media Library and choose to use that instead (that's how the logo appears on this site). Alongside the logo is the Group name (or any other choice of header text, the default being the WordPress blog name) in any choice of brand colour (the default is Scout Purple) and underneath that a 'tagline' which again is in any choice of brand colour (the default is the blog's tagline in Scout Teal).
- At the top right there is a sidebar with the default contents in the absence of any widgets being the standard WordPress search form.
- The last part of the header is another menu area and this one includes a menu by default that uses the theme's built-in navigation bar (the 'Navbar'). This is described separately and is optional, though if you do not use it you will need to make sure you substitute it with other means of navigating the site. The theme also has defined locations for WordPress Navigation Menus before and after the optional call to the Navbar and will automatically load any Menu you have assigned to these locations. Please see the WP Navigation Menus page.
If you would prefer to have a completely different design of logo and heading then you can override the existing one by creating a file named logo.php
in the theme directory (or preferably in your child theme's directory). This does not affect the optional banner across the top or the navigation bar.
In the theme this area contains a 740 pixel wide <div id="logo">
that is floated left and it would be a good idea to do something along similar lines but with a different id
. If you would like to use the full width available you could use CSS to disable the 'sidebar' on the right hand side where the search box is shown by default (div#headerright { display: none; }
ought to do it) .