Making The Header Transparent

Making The Header Transparent


Site header can inherit the background of the block that follows. The way, the header and the next block will share the same background color/image and the header will look "transparent".

Important: this option is only available for global headers. Check the article Global blocks — header and footer for more information on how to make your header global.

Making the header transparent

1. Open the Header settings by clicking on the "gear" icon in the top right corner of the block:
2. Access the Layout tab and toggle on the option Make the header transparent:

3. Publish your site for the changes to appear live.


Tip: if you're looking for more information on how to customize your header, check the article Header settings.



    • Related Articles

    • Global Blocks — Header and Footer

      Global header and footer allow you to create convenient site navigation, add your logo, social networks just once, but apply the settings across all site pages. Global header and footer All global blocks are marked with a yellow icon in the top right ...

    • Making The Header Sticky

      You can fix the header on the top of the page so it stays there even when the page is scrolled. Important: this option is only available for global headers. Check the article Global blocks — header and footer for more information on how to make your ...

    • Header Settings

      Header is a top block on a site that is typically displayed on all site pages. It's used to present the branding of the company and help create smooth navigation on the website.

    • Creating a Multilingual Site

      In case you serve the international audience, creating a multilingual site can help you improve your brand image and prove a customer-centric mindset of your business. More languages available on your website will attract more potential clients as ...

    • Hiding a Block on Smaller Screens

      If you want to prevent a particular block from showing on mobile devices and tablets, you can hide it in the settings. This is useful if you'd like to share certain info with desktop viewers only, or make the website shorter on small screens. Hiding ...