Customising Header and Footer
using The SitePro Website Builder on DirectAdmin
Evans
Last Update vor 2 Monaten
Overview
The header and footer appear across all pages on your website. Customising them helps maintain a consistent brand identity and improves navigation.
In this guide, you’ll learn how to:
The header and footer appear across all pages on your website. Customising them helps maintain a consistent brand identity and improves navigation.
In this guide, you’ll learn how to:
- Adjust header size
- Replace text with a logo
- Manage social media icons
- Reuse layouts in the footer
1. Customising the Header
Adjust Header Size
You can increase the header height to create more space or improve design balance:
Adjust Header Size
You can increase the header height to create more space or improve design balance:
- Select the header section.
- Go to the right-hand panel.
- Under Size, remove the maximum value restriction to allow expansion.
Replace Text with a Logo
Give your site a more professional look by using a logo instead of text:
Give your site a more professional look by using a logo instead of text:
- Remove Existing Text: Right-click the title text and select Remove.
- Add Image Element: Drag the Picture element into the header area.
- Upload or Select Logo: Choose an existing image or upload your logo, then click Select.
2. Managing Social Media Icons
Keep your social links relevant and up to date:
Keep your social links relevant and up to date:
- Replace an Icon:
Click the icon → select the pen (edit) icon → search for the platform (e.g., Instagram, LinkedIn) → click Select. - Remove an Icon:
Right-click the icon and select Remove.
3. Customising the Footer
You don’t need to rebuild elements—reuse what you’ve already designed.
You don’t need to rebuild elements—reuse what you’ve already designed.
- Copy Layout from Header:
Right-click the section (e.g., social icons container) and select Copy. - Paste into Footer:
Scroll to the footer, right-click, and select Paste. - Adjust Positioning:
Use the Page Structure section to drag and position elements as needed.
4. Save Your Changes
Before leaving the editor:
Before leaving the editor:
- Click Save Draft at the top of the screen to ensure your work is saved.
Quick Tips
| Task | How to Perform |
| Resize Header | Right panel → Size → Remove max value |
| Add Logo | Drag Picture element → Upload/Select image |
| Edit Social Icons | Click icon → Pen icon → Replace |
| Remove Elements | Right-click → Remove |
| Copy & Reuse Layout | Right-click → Copy → Paste |