The upcoming header makeover promises to bring a fresh and simplified design to WMS sites, allowing the content to shine through.
What does this mean for your site鈥檚 banner image?
The most obvious change is that you won鈥檛 see the image in the header anymore. Nevertheless, have no worries if you need to hang on to it. The image will be preserved on your site in a new block labelled the 鈥淗eader Image鈥� block.
If it鈥檚 important to continue displaying the banner image on your site, you鈥檒l be able to display it in a new region called the 鈥淗ighlighted鈥� region at the very top of the page, i.e., on top of the 鈥淭op of page鈥� region.
You鈥檒l find the Highlighted region when you go to the block admin through Structure > Blocks.
You鈥檒l also find the 鈥淗eader Image鈥� block if you scroll down to the list of blocks in the 鈥淒isabled鈥� section.
To move the block to the Highlighted region, simply configure the block as you normally would. Select the region and then specify the visibility settings. Showing the block only on the <front> page would be recommended 鈥� in keeping with the fresh, clean, minimalist vibe 鈥� but you can always set the block to show on every page if that鈥檚 how you roll.
Check out the before and after!
If you ever need to change the image, just edit the block as usual. Hover over the top right corner of the block until the contextual menu appears and click 鈥淓dit Block鈥�. This means that you鈥檒l have the flexibility to display custom images as you wish and whenever you want.
Something to keep in mind if your site has a horizontal menu, is that the very first block listed in the Highlighted region with a View Mode set to 鈥淔ull鈥� will have no top margin, allowing that block to 鈥榯ouch鈥� the horizontal navigation.
If your block is not flush with the horizontal menu but should be, click 鈥淓dit Block鈥� and check the Body of the block in the HTML source view. Remove any <p> tags and click 鈥淪ave鈥� while still in the HTML source view. This will remove the gap between the block and the menu.
When will the redesigned header be deployed? Keep an eye on our articles to see the status of work done by the Web Service Group.
