Customising Header and Footer
using The SitePro Website Builder on DirectAdmin
Evans
Last Update منذ يوم واحد
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 |