In this article, we are going to go over the proper way of using Elementor to create a header for your WordPress website.
- On the admin dashboard, you will want to find Templates. In the drop-down menu, you will click on add new.
NOTE: You can also click on the Theme Builder option. Here you can see all the other sections, like your footer or more advanced items like an archive page you have created for your site in this way.
- You should see a window appear that asks you to choose a Template Type. In the drop-down menu, you will click Header.
- Give this header a name, be sure to label this in such a way that you know this is the header later on. (i.e. ‘website initials’header)
- If you are using Elementor Pro you will have the option of using a premade template for your header. Unless you have templates saved from other projects, just go ahead and click the ‘X’ at the top right of the template window.
- From here you will then click the red button with the plus sign in the top center of your blank page. This is where you can choose how many columns you would like to use. For this article, we will just use two.
- Since we use a blank template, we use the Image Module to place the webpage logo on the header. Don’t let the module fool you, you have full control over the size of the image.
- Next, you will select the menu or if you are using the Pro Version, the nav menu. As you can see, with the menu module, you have to do some work to make it pretty. There are plugins available such as NavMenu for Elementor. The nav menu module in the Pro edition, however, has a ton of options and really allows a user to make the menu their own thing.
- Now before you check out your new header on your site, you will need to set the conditions under which the site will display your work. Next to the update button is an arrow for a drop-down menu. Click on Display Conditions.
9. Now you will want to click on Display Conditions.
- The first option that appears is ‘+Include, Entire Site X’ Don’t do anything to this, just click the green button ‘Save & Close’
- If you haven’t done so, go to settings at the bottom left. It’s the little gear icon. Change the status to Published.
- Click Update and you are done.
At this point, you should have a header that appears on every page of your WordPress site. If your header is not displaying you more than likely did not set your display conditions. Also be sure to check in the customize portion of WordPress you set your front page as static. In the end, if you find that you are still having difficulties, you can always drop a ticket with Cherry Host and we can check your settings.