How to Add a Transparent or Sticky Header

⌘K

How to Add a Transparent or Sticky Header

Follow the steps below to enable a Transparent Header or Sticky Header.

Access the Editor

  1. Log in to your platform’s admin dashboard.
  2. In the left-hand menu, click on Appearance.
  3. From the submenu, select Editor. This will open the editing interface for your homepage.

Select the Header

  1. In the editor, click on the Header Section of the page.
    • If you have a custom header, make sure to select the correct Header Block.
  2. A toolbar will appear with block settings.

Open the Frontis Settings

  1. Click the Frontis Icon (⚙️ settings icon) in the top-right corner to open the Frontis Theme Settings.
  2. You will find the Header Settings section.

Enable Transparent or Sticky Header

  1. Enable Transparent Header:
    1. Toggle “Enable Transparent Header” to ON.
    2. This makes the header background transparent, allowing the page content to be visible behind the header.
  2. Enable Sticky Header:
    1. Toggle “Enable Sticky Header” to ON.
    2. This ensures the header remains visible at the top of the page when scrolling.
    3. Locate the Background Color option.
    4. Click on the color picker (✎ icon) and select your desired background color.
Was this article helpful to you? No Yes

How can we help?