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âs banner image?
The most obvious change is that you wonât 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 âHeader Imageâ block.
If itâs important to continue displaying the banner image on your site, youâll be able to display it in a new region called the âHighlightedâ region at the very top of the page, i.e., on top of the âTop of pageâ region.
Youâll find the Highlighted region when you go to the block admin through Structure > Blocks.
Youâll also find the âHeader Imageâ block if you scroll down to the list of blocks in the âDisabledâ 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âs 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 âEdit Blockâ. This means that youâll 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 âFullâ will have no top margin, allowing that block to âtouchâ the horizontal navigation.
If your block is not flush with the horizontal menu but should be, click âEdit Blockâ and check the Body of the block in the HTML source view. Remove any <p> tags and click âSaveâ 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.