November 11th - Oxygen 3.1 is now available - see what's newlimited time special pricing available

Overlay Header Effect for Specific Pages

Video

7

of 19

in Design How-To's
Description
Comments (0)

In this tutorial, you'll learn how to create an overlay header effect for specific pages using Oxygen's Header Builder element.

The Header Builder element allows you to create as many Header Rows as you'd like, and then display them conditionally depending on the state of the Header itself. This means we can choose which Header Rows should be shown depending on whether the Header is in an overlay state, sticky state, or a normal state. In this video, we use this feature to create an overlay Header for only our home page, while having a completely different Header displayed for other pages.

You can determine the overlay state of the Header Builder on a per-page basis at Manage > Settings > Page Settings in the Oxygen builder.

Leave a Reply

Your email address will not be published. Required fields are marked *

Author
Louis Reingold
Louis Reingold

Follow along with this tutorial

Create Test Install

Get Oxygen Today

Lifetime, unlimited site license

Need more help?

Copyright © 2019 Soflyy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram