The header is the first part of a website, located at the top of a web page.
- How to edit the overall design of my header?
- How to edit the model of my header?
- How to edit the colors and background of my header?
You can modify the header by hovering over the header and clicking on the Edit option.
How to edit the overall design of my header
The header consists of 4 elements:
- Menu
- Logo
- Title
- Button
- Social media icons
- To modify the Menu, click on EDIT.
In the Menu Options, the Make header fixed checkbox is checked by default.
- To modify the Logo, click on EDIT.
Here are your options:
- Choose another image: Click on it to upload an image from your library or choose a free image offered by 'PEXELS'.
- Create your custom logo: Get a free logo from FREELOGODESIGN.ORG.
- Logo size: Select the display size for your logo: Small, Medium, Large.
- WHAT DOES THIS IMAGE REPRESENT?: Enter some information about your image to help Google's robots identify it correctly.
- To modify the Title, the checkbox to display the title is checked by default, uncheck the box to hide the title.
- To modify the Contact Button, the checkbox to display the button is unchecked by default, check the box to display the button.
- To modify the Social Media Icons, click on EDIT.
In the BADGES section, click on the 3-dot icon to Rename or Delete one of the provided social media icons.
You can also add another social media icon by clicking on + ADD LINK.
In the SETTINGS tab, here are your options:
- Badge Appearance: Black and White, Color.
- Badge Shapes: Rounded Corners, Square Corners.
- Badge Size: Small, Normal.
________________________________________________________________________________________________________________
Here are two additional editing options available in the same window:
How to modify the model of my header
- To modify the model, choose from the provided Header models.
To modify the Model of your menu, click on MODIFY THE MODEL, then select the model of your choice indicated by the button color.
How to edit the colors and background of my header
- To modify the Colors and Background, choose from the provided options.
In the COLORS section, choose the colors and background for the text or the background of your element (Title, Text, Button).
In the BACKGROUND section, modify the text colors or the background of a specific element on your site using the tabs below.
Choose whether you want to set the background as: Image, Video, or Color.
IMAGE, here are your options:
- Choose another image: Click on it to upload an image from your library or choose a free image offered by 'PEXELS'.
- Opacity: Choose the opacity for your image.
- Background color: Choose from different color options.
-
WHAT DOES THIS IMAGE REPRESENT?: Enter some information about your image to help Google's robots identify it correctly.
VIDEO, here are your options:
- YouTube, Dailymotion, or Vimeo URL, in the window, enter the web address of your video.
- Opacity: Choose the opacity for your image.
- Background color: Choose from different color options.
- WHAT DOES THIS IMAGE REPRESENT?: Enter some information about your image to help Google's robots identify it correctly.
COLOR, here is your option:
- Background color: Choose from different color options.