Where can I change the visibility of my header in Webflow?

Published on
September 22, 2023

To change the visibility of your header in Webflow, follow these steps:

  1. Select the header element: In the Webflow Designer, click on the header element you want to modify. You can find it either in the Navigator panel or by directly clicking on it within the canvas.

  2. Access the Settings: Once the header element is selected, you'll see a small settings icon (gear) in the top left corner of the element. Click on this icon to access the settings for the header.

  3. Modify the visibility settings: In the settings panel that appears on the right side of the Designer, you'll find several options to modify the visibility of the header. These options include hiding the header on specific pages, hiding it on mobile devices, or making it sticky (fixed position) so that it stays visible as the user scrolls. Select the options that best suit your needs.

  4. Preview and publish: After making the necessary changes to the header's visibility, you can preview the changes by clicking the Preview button at the top of the Designer. If you're satisfied with how the header looks and behaves, you can publish your website to make the changes live for visitors to see.

By following these steps, you'll be able to easily change the visibility of your header in Webflow. Whether you want to hide it on certain pages or make it sticky, Webflow provides a user-friendly interface to make these modifications.

Additional Questions:

  1. How do I make my header sticky in Webflow?
  2. Can I hide my header on specific pages in Webflow?
  3. What are the best practices for designing a header in Webflow?