Section 3:Setting up the header

Section 3:Setting up the header

In this section we will go over  the different parts of the header and how to make changes to the header to make it unique for your site.

Section 3a Image/Logo

Parts of the Logo

The Header is made up of a site title area, a spacer, and a menu area.

By using Elementor you are able to move, change, add or subtract widgets to create content.

Section 3b Background Image

Background Image

To edit the background image start by clicking the blue box to access the Edit Section under the Style tab

This will give you access to the Image section where you can change the image.

The position section where you can set the placement of the image.

The attachment section which controls whether the image is stationary(fixed) or moves(scrolls).

The repeat section which tells the image to fill the space by repeating itself.

And the size section which defines how the image fills the container.

Click update to commit any changes.

Section 3c Nav Menu

Edit Nav Menu

Click on the blue pencil to engage the edit nav menu section.

You can pick which menu you want to use.

You can also choose to change the layout, the alignment, the pointer, and the submenu indicator.

Remember to click update to commit to any changes.

Section 3d Spacer

Edit Spacer

You can also edit any spacers in the header that were inserted for positioning reasons and make them larger or smaller.

Font Resize
Contrast