Transparent Header Bar without Slider


I love your integrated header slider. And i love that the sticky header bar is transparent and switches to black when you scroll. But:

How can I get the same header bar behaviour using my own content (inserted by a page builder) insteat of the header slider.

Is there an easy option without using CSS?

Thanks in advance!

Hello there,

From your site dashboard, visit Appearance > Customize > Header area > Header type; then enable “No header (only menu)” for “Front page header type” and/or “Site header type”.

In the row where you put a custom slider with Page Builder, expand Layout option under the Row Styles settings; then set 0 for “Top/bottom padding”. Then add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

  @media only screen and (min-width: 1025px) {
    .page-id-1231 .site-header {
      background-color: transparent;
    .page-id-1231 .header-clone {
      display: none;

Replace 1231 with the ID number of your page.