Headers and Footers are essential blocks to improve your page structure and navigation and create a beautiful user experience for your site visitors. Multi-header and multi-footer functionality allows you to create multiple headers and footers per page and assign them to different pages and devices.
This means you can have better control over how these blocks look on every page respectively by creating separate versions for headers and footers.
Once you've added all the elements you need, you can start optimizing how your header/footer looks. Click on the yellow/purple tabs on the upper and lower areas of your page to access the settings of your entire block. From there, you can add a background to your header, whether it's in an image form or video.
- For Images, either Browse Files from your device or Open Media and search for an image from our free stock
- For Videos, simply paste the YouTube link in the given field and hit save. Keep in mind there is no audio when you upload a video as your background.
You also have the options to edit the Opacity, Background Blur and whether to make it a Background Cover or not.
- This can be done for individual blocks within your Header or Footer as well by clicking on Block Settings > Block Background.
The next important thing is assigning the blocks to pages and adjusting visibility for different devises.
To do so, click on the three dots on the top right corner of your chosen block for Block Settings. Then, hit the Visibility Icon > Page Visibility > Enable Hide this Page > Select the Pages you want to Hide the Block or Element from.
Hit the Preview button from your Left Panel and see how your Headers and Footers look on Desktop or Mobile/Tablet view!
Have more questions? We recommend checking out these Articles for a bigger view of Ucraft.
And always remember, we're just a step away! Hit the Chat box in the lower right corner and our Support Team will be glad to assist you!