All Collections
Design Mode
Assign Different Headers and Footers to Your Pages
Assign Different Headers and Footers to Your Pages

How to Add and Edit Multiple Rows and Elements in Header and Footer

Karen Sahakyan avatar
Written by Karen Sahakyan
Updated over a week ago

Headers and Footers are essential blocks which improve your page structure and navigation and create a beautiful user experience for your site visitors. 

By default, these blocks are fixed for all of your website's pages. The same header will appear on every page,  while the multi-header and multi-footer functionality will allow you to:

  • Create multiple headers and footers per page.

  • Assign them to different pages and devices.

You can optimize how the separate versions of your headers/footers look on certain pages by clicking on the yellow/purple tabs on the upper and lower areas of your page to access the settings of your entire block.

To add an image or video background to the block:

  • Browse Image Files from your device or Open Media and search for an image from our free stock collection.

  • Paste the YouTube link for videos 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 option make the image or video a Background Cover, and edit the Opacity and Background Blur

  • This can be done for individual blocks within your Header or Footer as well by clicking on Block Settings > Block Background

To assign the blocks to pages, you need to adjust their visibility per:

  • Device

  • Page

  • Location

  • Language 

  • Session

You can adjust their visibility by clicking on the three dots icon on the top left 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. Read more on the Visibility Settings.

Click on the Preview button found in the Left Panel to view your Headers and Footers as they appear on the desktop or mobile/tablet view! 

Related Articles

For any further questions or concerns you may have, please visit the SpringBuilder Help Center for more information.

Did this answer your question?