This tutorial discusses creating headers with Oxygen for your WordPress website.
A site header can have many different functions, purposes, and designs. We'll begin by reviewing the definition of a header according to the Mozilla Developer Network (MDN) and then look at several websites for examples of what a header may look like and do.
There are two primary methods to create headers with Oxygen. The first method is to use Oxygen's Header Builder element. The second is to use a Div element. When using a Div element, ensure you've selected the header HTML tag for the Div.
We'll also use the Site Navigation element to display a WordPress Menu. The Site Navigation element focuses on ease of use, accessibility, and the CTA feature, which allows you to turn your last one of two WordPress Menu items into a Call to Action button.
Finally, this tutorial touches on other features in Oxygen, such as template creation and template application, modifying CSS with a Code Block element, and using classes.
Video Table of Contents: