Edit Your Website's Header & Logo
The Header & Logo settings in the Design panel lets you manage your website's logo, favicon, and edit the spacing and border of your website's Header. These are Sitewide settings, so any changes you make here will apply to every page on your website.
To edit the Header & Logo settings of your website:
- Click Design at the top of your Websites app to open the Design panel.
- On the right-hand sidebar, navigate to the Sitewide tab and select Header & Logo.
You will have the option to modify the following settings:
| Logo |
Upload an image to use as your website's logo. You can edit its size, width, and position in the header. If no logo is uploaded, then your Site Name will display in plain text. To change or replace your logo, hover your cursor over the image in this section, and click the "trash can" icon that appears. An upload field will appear in its place, where you can upload a new image. |
|
| Favicon |
The Favicon is a small icon that appears next to your website name in internet browser window tabs, and sometimes in search engine results pages. You can upload an image to use as your Favicon here. The image file must be in the .png file format, and have a minimum 256px and maximum 512px per side. |
|
| Container | The Container section lets you choose background or "fill" color or pattern for your Header. You can also add Padding, which adds extra empty space above or below the Header. | |
| Border | You can choose to add a border around your Header. |
Related Articles
Add a Favicon
A favicon is the name of the small image that appears in your browser's tab for every website you visit. Upload a New Favicon Click Design at the top of your Websites app to open the Design panel. On the right-hand sidebar, navigate to the Sitewide ...Edit Your Website's Navigation Design
The Navigation settings in the Design panel lets you manage the appearance of your your website's navigation bar, menu items, and drop-down menus. You can choose separate settings for how your navigation menu appears on desktop and mobile devices. ...Edit Your Footer Layout and Design
The Footer settings in the Design panel control the layout, text settings, social icon designs, and design settings of your website's Footer. This is a sitewide setting, so any change you make here will apply to every page on your website. To find ...Add Sitewide Banner Above Header
You can call attention to a sale or a special announcement to your website's visitors by adding a sitewide banner above your website's top navigation bar. This process involves building a text block, then adding some custom CSS and JS code to your ...Add an Image or Logo to Your Footer
If you are looking to add an image to your website's footer - such as the logo of your company, awards you have received, or any professional organizations you belong to - you can do so by following the steps below. Adding an image to the footer Part ...