In this video tutorial, Elijah will show you how to design a header menu with a centered logo in Oxygen for your WordPress website.
You can do this by adding a few elements to the page: A section, Site Navigation, Link Wrapper, and an Image element should be sufficient. If you're using Oxygen's Emmet integration, copy and paste the following snippet into Emmet:
Next, you'll learn how to modify the styles for each element to center the logo.
Finally, you'll write some custom CSS in an Oxygen Stylesheet to finalize the design for the header menu with a centered logo. The following CSS will work with six menu items in the Site Navigation element. You may need to adjust this depending on the number of items in your Site Navigation or the element being used.
Video Table of Contents: